1) Elige tu “pieza base”

Decide qué vas a repetir: un círculo, un triángulo, una línea, un cuadrado…

2) Piensa en una estructura

Lo más típico para patrones:

• Rejilla (filas y columnas) → dos bucles for
• Radial (en círculo) → un bucle + rotate()
• En diagonal → bucle y mover x e y a la vez

3) Mete una regla de variación

Algunas ideas rápidas:

• Alternar colores: if ((fila + col) % 2 === 0) ...
• Cambiar tamaño según la fila o columna
• Rotar cada elemento un poco más que el anterior
• Usar algo de aleatoriedad: random()

4) Usa push() y pop() si transformas

Si aplicas translate/rotate/scale dentro del bucle, aísla cada elemento con push() y pop().

Ejemplo (patrón tipo “baldosas” con variación)

Este ejemplo crea una rejilla de cuadrados y, dependiendo de la posición, dibuja una diagonal u otra.

function setup() {
  createCanvas(400, 400);
  background(230);

  let paso = 50;

  for (let x = 0; x < width; x += paso) {
    for (let y = 0; y < height; y += paso) {

      // Baldosa
      stroke(0);
      fill(255);
      rect(x, y, paso, paso);

      // Variación por condición
      if ((x / paso + y / paso) % 2 === 0) {
        stroke(0, 120, 255);
        line(x, y, x + paso, y + paso);
      } else {
        stroke(255, 80, 120);
        line(x + paso, y, x, y + paso);
      }
    }
  }
}