En esta sesión vamos a ver cómo utilizar una estructura for adentro de otra.
No olviden preguntarme sus dudas en el foro. Si leen un mensaje con alguna duda que sepan como responder háganlo, se trata de que todos formemos un enorme equipo.
Como vimos la sesión pasada for es una estructura que repite un proceso, es decir es iterativa. Las estructuras iterativas sirven para evitar teclear instrucciones repetitivas. Al texto que escribimos cuando hacemos un programa se le llama código. Si el código es más cortito los programas son más manejables y reducimos la posibilidad de cometer errores. A continuación veremos un ejemplo que no utiliza la estructura for y después el mismo resultado utilizando la estructura for.
IIIIIIIIIIIIII Copien el siguiente programa, péguenlo en un archivo nuevo y den clic en run:
background(181, 222, 2);
smooth();
fill(252, 101, 0);
stroke(180);
ellipse(50, 50, 90, 90);
stroke(160);
ellipse(50, 50, 80, 80);
stroke(140);
ellipse(50, 50, 70, 70);
stroke(120);
ellipse(50, 50, 60, 60);
stroke(100);
ellipse(50, 50, 50, 50);
stroke(80);
ellipse(50, 50, 40, 40);
stroke(60);
ellipse(50, 50, 30, 30);
stroke(40);
ellipse(50, 50, 20, 20);
stroke(20);
ellipse(50, 50, 10, 10); |
 |
IIIIIIIIIIIIII Ahora copien este otro, péguenlo en un nuevo archivo y den clic en run:
background(181, 222, 2);
smooth();
for(int y = 90; y > 0; y = y-10){
fill(252, 101, 0);
stroke(2*y);
ellipse(50, 50, y, y);
} |

|
Como pudieron ver, los dos programas hacen lo mismo pero el último es más corto y más fácil de comprender. En este último es más fácil darnos cuenta de que cada círculo es 10 píxeles más pequeño que el anterior, que todos tienen el centro en la coordenada 50, 50 y de que el contorno se oscurece 20 pasos en cada círculo.
IIIIIIIIIIIIII ¡A dibujar! Realicen un ejercicio libre en el que exploren la estructura for. Acuérdense que pueden colocar una variable (x es una variable en el ejemplo que acabamos de ver) en fill, ellipse, rect, triangle, stroke, strokeWeight, point, line… es decir donde quieran. Usar una variable es lo que les permite reducir su código cuando utilizan for. Pueden utilizar varias estructuras for para un mismo dibujo. También pueden agregar otros elementos que no estén dentro de for, como elementos que no quieran que se repitan.
Si hay algo que quieren dibujar pero no saben como, pregunten en el foro, prometo contestar todas sus dudas.
| |
adelante  |
|
|
|