mirror of
https://github.com/medialab-prado/poblados-colonizacion-colonias-penitenciarias.git
synced 2024-12-27 04:51:22 +01:00
nueva intrudcción
This commit is contained in:
parent
1742cc25c8
commit
67033e0131
5 changed files with 35 additions and 5 deletions
|
@ -1,6 +1,7 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/p5.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/p5.min.js"></script>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js"></script>
|
||||||
<script src="hidraulicas.js"></script>
|
<script src="hidraulicas.js"></script>
|
||||||
|
|
|
@ -105,6 +105,22 @@ function draw() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
// Titulo
|
||||||
|
fill(255,200);
|
||||||
|
stroke(155);
|
||||||
|
rect(605, 365, 170, 130);
|
||||||
|
fill(0);
|
||||||
|
textStyle(BOLD);
|
||||||
|
textSize(12);
|
||||||
|
text("NÚMERO DE CANALES Y ACEQUIAS POR CONFEDERACION HIDRÁULICA", 620, 380, 150, 80);
|
||||||
|
textStyle(NORMAL);
|
||||||
|
textSize(11);
|
||||||
|
noStroke();
|
||||||
|
fill(155,0,0);
|
||||||
|
text("Interacción con el ratón:",620, 430, 150, 20);
|
||||||
|
fill(0);
|
||||||
|
text("Kilómetros de canales y acequias construidos en cada una de las cuencas durante la colonización", 620, 445, 150, 80);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function compara(c1, c2) {
|
function compara(c1, c2) {
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/p5.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/p5.min.js"></script>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js"></script>
|
||||||
<script src="mecanizacion.js"></script>
|
<script src="mecanizacion.js"></script>
|
||||||
|
|
|
@ -94,6 +94,22 @@ function draw() {
|
||||||
fill(0);
|
fill(0);
|
||||||
text(nbr, x[n], y[n]-7);
|
text(nbr, x[n], y[n]-7);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Titulo
|
||||||
|
fill(255,200);
|
||||||
|
stroke(155);
|
||||||
|
rect(605, 365, 170, 130);
|
||||||
|
fill(0);
|
||||||
|
textStyle(BOLD);
|
||||||
|
textSize(12);
|
||||||
|
text("NÚMERO DE TRACTORES Y COSECHADORAS POR POBLADO DE COLONIZACIÓN", 620, 380, 150, 80);
|
||||||
|
textStyle(NORMAL);
|
||||||
|
textSize(11);
|
||||||
|
noStroke();
|
||||||
|
fill(155,0,0);
|
||||||
|
text("Interacción con el ratón:",620, 430, 150, 20);
|
||||||
|
fill(0);
|
||||||
|
text("Número medio de tractores y cosechadoras por poblado en la cuenca seleccionada", 620, 445, 150, 80);
|
||||||
}
|
}
|
||||||
|
|
||||||
function compara(c1, c2) {
|
function compara(c1, c2) {
|
||||||
|
|
|
@ -31,7 +31,7 @@ function setup() {
|
||||||
var framesWidth = document.getElementById("#p5").offsetWidth;
|
var framesWidth = document.getElementById("#p5").offsetWidth;
|
||||||
var framesHeight = document.getElementById("#p5").offsetHeight;
|
var framesHeight = document.getElementById("#p5").offsetHeight;
|
||||||
|
|
||||||
createCanvas(framesWidth,framesHeight);
|
createCanvas(800, 519);
|
||||||
nombres = new Array("Norte","Duero","Ebro","Pirineo","Jucar","Tajo","Guadiana","Guadalquivir","Sur", "Segura", "Baleares y Canarias");
|
nombres = new Array("Norte","Duero","Ebro","Pirineo","Jucar","Tajo","Guadiana","Guadalquivir","Sur", "Segura", "Baleares y Canarias");
|
||||||
colores = new Array("#f00","#0f0","#00f","#ff0","#0ff","#a00","#0a0","#00a","#aa0","#0aa", "#aaa");
|
colores = new Array("#f00","#0f0","#00f","#ff0","#0ff","#a00","#0a0","#00a","#aa0","#0aa", "#aaa");
|
||||||
x = new Array(158,243, 429, 597, 432, 268, 226, 253, 362,432, 611);
|
x = new Array(158,243, 429, 597, 432, 268, 226, 253, 362,432, 611);
|
||||||
|
@ -115,7 +115,3 @@ function draw() {
|
||||||
function compara(c1, c2) {
|
function compara(c1, c2) {
|
||||||
return red(c1) == red(c2) && green(c1) == green(c2) && blue(c1) == blue(c2);
|
return red(c1) == red(c2) && green(c1) == green(c2) && blue(c1) == blue(c2);
|
||||||
}
|
}
|
||||||
|
|
||||||
function windowResized() {
|
|
||||||
resizeCanvas(windowWidth, windowHeight);
|
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in a new issue