bird

const gridSize = 5;

const cellSize = 600 / gridSize;

​

function setup() {

  createCanvas(600, 600);

}

​

function draw() {

  background(255); // White background

  noStroke();

​

  fill(0); // Black fill

  rect(120, 120, cellSize, cellSize); // Rectangle at 1, 1

  rect(120, 240, cellSize, cellSize); // Rectangle at 1, 2

  rect(240, 240, cellSize, cellSize); // Rectangle at 2, 2

  rect(240, 360, cellSize, cellSize); // Rectangle at 2, 3

  rect(360, 360, cellSize, cellSize); // Rectangle at 3, 3

  rect(0, 0, cellSize, cellSize); // Rectangle at 0, 0

  rect(0, 120, cellSize, cellSize); // Rectangle at 0, 1

  rect(120, 480, cellSize, cellSize); // Rectangle at 1, 4

  rect(240, 480, cellSize, cellSize); // Rectangle at 2, 4

​

  triangle(240, 120, 240, 240, 360, 240); // Triangle at 2, 1

  triangle(360, 240, 360, 360, 480, 360); // Triangle at 3, 2

  triangle(480, 360, 480, 480, 600, 480); // Triangle at 4, 3

​

  arc(120, 120, cellSize * 2, cellSize * 2, radians(270), radians(0));

  arc(240, 360, cellSize * 2, cellSize * 2, radians(90), radians(0));

​

  fill(255); // White fill for erasing

  arc(0, 0, cellSize * 2, cellSize * 2, radians(0), radians(90)); // Arc at 0, 0

  arc(120, 480, cellSize * 2, cellSize * 2, radians(0), radians(90)); // Arc at 1, 4

  arc(240, 480, cellSize * 2, cellSize * 2, radians(0), radians(90)); // Arc at 2, 4

  arc(0, 240, cellSize * 2, cellSize * 2, radians(270), radians(0)); // Arc at 0, 2

​

  // Draw grid

  stroke(200); // Light gray grid

  for (let i = 1; i < gridSize; i++) {

    line(i * cellSize, 0, i * cellSize, height); // Vertical lines

    line(0, i * cellSize, width, i * cellSize); // Horizontal lines

  }

}