5º CONTACTO

                          SETUP Y DRAW

En este quinto contacto hemos utilizado los comando SETUP y DRAW. 

-SETUP: Se ejecuta una única vez cuando el programa empieza. Sólo necesitamos establecer el tamaño de la ventana una vez, al principio del programa.

-DRAW:Se ejecuta una y otra vez. Se ejecuta línea por línea, de arriba a abajo hasta la última línea, donde vuelve a empezar desde el principio.

 

Aquí os dejo el programa que he utilizado:

void setup() {

size(300, 300);

}

void draw() {

line(0 ,0, width, height);

}

En este programa se establece el tamaño de la ventana y dibuja una línea de tras de otra. Como esto no se puede apreciar que esto está pasando una tras otra, se utiliza otros comando para hacerlo más visible.

-mouseX: La coordenada X del puntero del ratón. 

-mouseY: La coordenada Y del puntero del ratón.

Aquí si mueves el ratón para un lado o otro se va a formar líneas más largas o más cortas con diferentes ángulo, por decirlo de alguna manera. Aquí os dejo el programa que he utilizado:

void setup() {

size(300,300);

}

 

void draw() {

line(0, 0, mouseX, mouseY);

}

 Si pongo el comando background , la línea se mueve de un lado a otro pero no se copia( por así decirlo) la línea una detrás de otra. Aquí os dejo el programa:
 

void setup() {

size(300,300);

}

 

void draw() {

background(255);

line(0, 0, mouseX, mouseY);

}

 

 

 EJEMPLOS:
 .-En este programa he puesto otra línea, mientras una se movía de un lado para el otro, la otra se movía en vertical.

 

void setup() {
size(300,300);
}
 void draw() {
background(255);
line(0, 0, mouseX, mouseY);
line(10,10, mouseY, mouseY);
}

 .-He modificado algunos comandos y he cambiado el color a la pantalla.Aquí he utilizado los comando height y width, además de los comando mouseX y mouseY.

 
 void setup() {
size(300,300);
}

void draw() {
background(8,156,89);
line(0, 0, width, mouseY);
line(10,10, mouseY, height);
}