push();

  translate(x + w / 2, y + w / 2);

  rotate(radians(a));

  translate(-w / 2, -w / 2);

​

  fill(255, 200, 50);

  stroke(255, 200, 50);

  rect(0, 0, w, w / 2);

​

  fill(0);

  noStroke();

  rect(0, w / 2, w / 2, w / 2);

​

  fill(255);

  noStroke();

  rect(w / 2, w / 2, w / 2, w / 2);

​

  pop();

}

​

function setup() {

  let canvasDim = min(windowWidth, windowHeight);

  createCanvas(canvasDim, canvasDim);

  noLoop();

}

​

let margin = 25;

let sqPerRow = 8;

let sqPerCol = 8;

​

function draw() {

  background(220, 10, 100);

​

  let rowWidth = width - 2 * margin;

  let colHeight = height - 2 * margin;

​

  let sqWidth = rowWidth / sqPerRow;

  let sqHeight = colHeight / sqPerCol;

​

  for (let col = 0; col < sqPerRow; col += 1) {

    let xPos = col * sqWidth + margin;

​

    for (let row = 0; row < sqPerCol; row += 1) {

      let yPos = row * sqHeight + margin;

      let angleDeg = 0;

​

      if (col % 2 == 0 && row % 2 == 0) {

        angleDeg = 0;

      } else if (col % 2 == 0 && row % 2 == 1) {

        angleDeg = 90;

      } else if (col % 2 == 1 && row % 2 == 0) {

        angleDeg = 180;

      } else {

        angleDeg = 270;

      }

​

      zig(xPos, yPos, sqWidth, angleDeg);

    }

  }

}

​