createCanvas(600, 600);

  noLoop();

}

​

function draw() {

  let segmentSize = width / 6;

  // 1st Section

  fill('red');

  rect(0, 0, segmentSize, height);

  stroke('blue');

  for (let y = 5; y < height; y+=10) {

    line(0, y, segmentSize, y);

  }

  fill('blue');

  ellipse(segmentSize/2, height/2, 100, 100);

  stroke('yellow');

  for (let x = segmentSize/2 - 50; x < segmentSize/2 + 50; x+=10) {

    line(x, height/2 - 50, x, height/2 + 50);

  }

  // 2nd Section

  fill('yellow');

  rect(segmentSize, 0, segmentSize, height);

  stroke('red');

  for (let y = 5; y < height; y+=10) {

    line(segmentSize, y, 2*segmentSize, y);

  }

  fill('red');

  rect(1.5*segmentSize - 50, height/2 - 50, 100, 100);

  stroke('blue');

  for (let x = 1.5*segmentSize - 50; x < 1.5*segmentSize + 50; x+=10) {

    line(x, height/2 - 50, x, height/2 + 50);

  }

  // 3rd Section

  fill('blue');

  rect(2*segmentSize, 0, segmentSize, height);

  stroke('yellow');

  for (let y = 5; y < height; y+=10) {

    line(2*segmentSize, y, 3*segmentSize, y);

  }

  fill('yellow');

  triangle(2.5*segmentSize, height/2 - 50, 2.5*segmentSize - 50, height/2 + 50, 2.5*segmentSize + 50, height/2 + 50);

  stroke('red');

  for (let x = 2.5*segmentSize - 50; x < 2.5*segmentSize + 50; x+=10) {

    line(x, height/2, x, height/2 + 50);

  }

  // 4th Section

  fill('red');

  rect(3*segmentSize, 0, segmentSize, height);

  stroke('yellow');

  for (let y = 5; y < height; y+=10) {

    line(3*segmentSize, y, 4*segmentSize, y);

  }

  fill('yellow');

  rect(3.5*segmentSize - 50, height/2 - 25, 100, 50);

  stroke('blue');

  for (let x = 3.5*segmentSize - 50; x < 3.5*segmentSize + 50; x+=10) {

    line(x, height/2 - 25, x, height/2 + 25);

  }

  // 5th Section

  fill('yellow');

  rect(4*segmentSize, 0, segmentSize, height);

  stroke('blue');

  for (let y = 5; y < height; y+=10) {

    line(4*segmentSize, y, 5*segmentSize, y);

  }

  fill('blue');

  beginShape();

  vertex(4.5*segmentSize - 50, height/2 + 50);

  vertex(4.5*segmentSize + 50, height/2 + 50);

  vertex(4.5*segmentSize + 25, height/2 - 50);

  vertex(4.5*segmentSize - 25, height/2 - 50);

  endShape(CLOSE);

  stroke('red');

  for (let x = 4.5*segmentSize - 25; x < 4.5*segmentSize + 25; x+=10) {

    line(x, height/2 - 50, x, height/2 + 50);

  }

  // 6th Section

  fill('blue');

  rect(5*segmentSize, 0, segmentSize, height);

  stroke('red');

  for (let y = 5; y < height; y+=10) {

    line(5*segmentSize, y, 6*segmentSize, y);

  }

  fill('red');

  beginShape();

  vertex(5.5*segmentSize - 50, height/2 - 25);

  vertex(5.5*segmentSize + 50, height/2 - 25);

  vertex(5.5*segmentSize + 25, height/2 + 25);

  vertex(5.5*segmentSize - 25, height/2 + 25);

  endShape(CLOSE);

  stroke('yellow');

  for (let x = 5.5*segmentSize - 25; x < 5.5*segmentSize + 25; x+=10) {

    line(x, height/2 - 25, x, height/2 + 25);

  }

​

}

​