nueva intrudcción

This commit is contained in:
abe- 2017-06-18 06:46:36 +02:00
parent 1742cc25c8
commit 67033e0131
5 changed files with 35 additions and 5 deletions

View file

@ -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>

View file

@ -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) {

View file

@ -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>

View file

@ -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) {

View file

@ -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);
}