Loops e iteraciones

Puedes encontrar toda la documentación de P5.js aquí: P5 Reference

while ... loop

Igual que con if ... else, un while loop necesita una expresión booleana que evalúe como verdadera para poder ejecutar las instrucciones contenidas en el bloque de código entre las llaves. La diferencia es que las instrucciones continúan ejecutándose hasta que la expresión booleana evalúa como falsa. Hay que tener cuidado de no entrar en bucles infinitos!

var x = 0;
while (x < 10) {
  console.log(x);
  x++;
}

Práctica 15

Usa un while loop para dibujar el mismo elemento repetidas veces en el lienzo.
Ejemplo Código

for ... loop

Ya que es esta estructura (crear una variable, comprobar que su valor e incrementarlo en una cierta cantidad) se repite constantemente en programación, existe una forma que agrupa en un solo paso los tres pasos anteriores, el for loop. El siguiente código se puede leer como:

1. crea la variable x y asígnale el valor 0
2. mientras que x sea menor que 10, haz lo siguiente
3. incrementa el valor de x en 1 al final de cada iteración

for (var x = 0; x < 10; x++) {
  console.log(x);
}

Práctica 16

Usa un for loop para dibujar el mismo elemento repetidas veces en el lienzo.
Ejemplo Código

Práctica 17

Usa un for loop para mover el mismo elemento repetidas veces en el lienzo.
Ejemplo Código

Loops anidados

for (var x = 0; x < 10; x++) {
  for (var y = 0; y < 10; y++) {
    console.log(x + ' , ' + y);
  }
}

Práctica 18

Usa for loops anidados para dibujar una matriz de elementos.
Ejemplo Código