createCanvas(300, 300);

  background(255);

  let x = 0

  let y = 0

  //squares

  for (x=0; x < width; x += 30) {

    for (y=0; y < height; y +=30){

      fill(255);

      rect(x,y,30);

    }

  }

  for (x=30; x <= width; x += 60) {

    for (y=15; y <= height; y +=30){

      fill(70,130,180);

      noStroke();

      arc(x,y,20,30,radians(270),radians(90));

    }

  }

  for (x=30; x <= width; x += 60) {

    for (y=15; y <= height; y +=30){

      fill(0,0,139);

      noStroke();

      arc(x,y,10,30,radians(270),radians(90));

    }

  }

  // squares

  for (x=0; x < width; x += 60) {

    for (y=0; y < height; y +=60){

      fill(0);

      rect(x,y,30);

    }

  }

  // arc

  for (x=30; x <= width; x += 60) {

    for (y=15; y <= height; y +=60){

      fill(255,204,0);

      noStroke();

      arc(x,y,20,30,radians(90),radians(270));

    }

  }

  for (x=30; x <= width; x += 60) {

    for (y=15; y <= height; y +=60){

      fill(255,165,0);

      noStroke();

      arc(x,y,10,30,radians(90),radians(270));

    }

  }

}

​

function draw() {

  print(mouseX, mouseY)

}