Antes de empezar con la sesión 4 quiero felicitarlos por el trabajo que han hecho en el proyecto, es un gusto recibir sus ejercicios.
Hasta ahora han aprendido como crear figuras con contorno y relleno, escoger sus colores, tamaño y posición. Ya saben ordenarle a la computadora que dibuje una figura ahora van a aprender a ordenarle que dibuje varias utilizando la estructura “for”.
IIIIIIIIIIIIII Abran un nuevo archivo y tecleen lo siguiente:
size(200, 200);
background(213, 255, 77);
stroke(255);
smooth();
fill(171, 245, 227);
rect(10, 10, 10, 10); |
IIIIIIIIIIIIII Cuando terminen den clic en run.
Como pudieron ver este programa dibuja un cuadrito: |
|
IIIIIIIIIIIIII En otro archivo tecleen lo siguiente:
size(200, 200);
background(213, 255, 77);
stroke(255);
smooth();
fill(171, 245, 227);
for(int x = 10; x < 190; x = x +15){
rect( x, x, 10, 10);
} |
|
IIIIIIIIIIIIII Después den clic en run.
Este otro programa dibuja 12 cuadritos sin embargo ustedes no tuvieron que teclear la función rect doce veces porque utilizaron la estructura “for”.
for es una estructura que realiza cálculos repetitivos. |
|
Tecleamos la palabra for para que la computadora sepa que vamos a utilizar esa estructura. Los paréntesis que están enfrente de for encierran tres declaraciones:
La primera:
int x = 10;
int indica que nuestra variable es un número entero, x es el nombre que le dimos a la variable y 10 es el valor inicial que le asignamos.
La segunda:
x < 190;
Esta segunda declaración funciona como prueba, si la prueba es verdadera la computadora ejecuta la declaración entre corchetes y después pasa a la tercera declaración. En este caso la prueba es "si x es menor a 190", como x es 10 entonces la prueba es verdadera porque 10 es menor a 190.
En este caso entre corchetes se encuentra la función rect:
rect( x, x, 10, 10);
La computadora dibuja un cuadrado en la coordenada x, x de 10 píxeles de ancho y 10 de alto. Como x es igual a 10 entonces lo dibuja en la coordenada 10, 10.
La tercera declaración actualiza el valor de la variable, en este caso de x:
x = x + 15;
Le indica a la computadora que le debe sumar 15 a x. Acuérdense que al inicio x era 10. Entonces la computadora suma 15 + 10 lo cual da como resultado 25. Ahora x vale 25.
Después la computadora vuelve a realizar la prueba x < 190.
x es ahora 25, la prueba es verdadera porque 25 es menor a 190. Entonces la computadora dibuja un nuevo cuadrado en la coordenada 25, 25 y posteriormente le suma 15 a x. Ahora x tiene un valor de 40.
40 es menor que 190 entonces la computadora dibuja un nuevo cuadrado en la coordenada 40, 40. Después le suma 15 a x. Así la computadora va dibujando cuadrados y sumándole 15 a x hasta que x ya no sea menor a 190. Cuando x ya no es menor a 190, la prueba ya no es verdadera y la computadora deja de dibujar cuadrados y continua con la instrucción que siga después de la estructura for.
| |
adelante  |
