Randomness and Repetetion

let cols = 5;           // Number of columns

let rows = 5;           // Number of rows

let squareSize = 100;   // Base size of each square

​

function setup() {

  createCanvas(600, 600); // Set canvas size

  noLoop();               // Stop continuous looping of draw()

  noStroke();             // Remove borders around squares

}

​

function draw() {

  for (let i = 0; i < cols; i++) {              // Loop through columns

    for (let j = 0; j < rows; j++) {            // Loop through rows

      let x = i * squareSize;                   // Calculate x position for each square

      let y = j * squareSize;                   // Calculate y position for each square

​

      // Alternate colors between red and blue for the outer square

      if ((i + j) % 2 == 0) {

        fill(255, 0, 0);                        // Fill color: Red

      } else {

        fill(0, 0, 255);                        // Fill color: Blue

      }

      // Draw the outer square

      rect(x, y, squareSize, squareSize);

      // Draw smaller nested squares (eyes) with increased randomness in size

      let numNestedSquares = 3;                 // Number of inner squares

      for (let k = 1; k <= numNestedSquares; k++) {

        let innerSize = squareSize * (0.7 - k * 0.25) + random(-20, 20); // Higher randomness in size

        fill(255);                              // Fill color: White for inner squares

        rect(x + (squareSize - innerSize) / 2, y + (squareSize - innerSize) / 2, innerSize, innerSize);

      }

    }

  }

}

​