abstract bird

const gridSize = 5;

const cellSize = 600 / gridSize;

​

function setup() {

  createCanvas(600, 600);

}

​

function draw() {

  background(255); //White

  noStroke();

​

  fill(0); //Black

​

  //Draw rectangles

  rect(360, 120, cellSize, cellSize);

  rect(240, 240, cellSize, cellSize);

  rect(240, 360, cellSize, cellSize);

  rect(360, 240, cellSize, cellSize);

  rect(120, 240, cellSize, cellSize);

  rect(360, 480, cellSize, cellSize);

  rect(480, 120, cellSize, cellSize);

​

  //Draw triangles

  triangle(0, 0, 0, 120, 120, 120);

  triangle(120, 120, 120, 240, 240, 240);

​

  //Draw Arcs

  arcDraw(0, 120, 90, 180);

  arcDraw(240, 120, 180, 0);

  arcDraw(360, 360, 0, 90);

  arcDraw(240, 480, 90, 180);

​

  fill(255); // White fill for erasing

  ellipse(3.5 * cellSize, 1.5 * cellSize, cellSize, cellSize); 

  arcDraw(120, 240, 270, 0);

  arcDraw(360, 480, 180, 90);

  arcDraw(480, 120, 180, 90);

​

  // 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

  }

}

​

//Function for drawing arcs easier

function arcDraw(x, y, startAngle, endAngle) {

  let arcX = x;

  let arcY = y;

  if (startAngle >= 0 && startAngle < 90) { 

  } else if (startAngle >= 90 && startAngle < 180) {

    arcX += cellSize; 

  } else if (startAngle >= 180 && startAngle < 270) {

     arcX += cellSize; 

    arcY += cellSize; 

  } else if (startAngle >= 270 && startAngle < 360) {

    arcY += cellSize;

  }

  arc(arcX, arcY, 2 * cellSize, 2 * cellSize, radians(startAngle), radians(endAngle));

}