​

function setup() {

  createCanvas(600, 600);

  tileSize = 50; // Change this value for smaller or larger checks

  noLoop();

}

​

function draw() {

  // Start checks 

  for (let y = 0; y < height; y += tileSize) {

    for (let x = 0; x < width; x += tileSize) {

      // Alternating black and white

      if ((x / tileSize + y / tileSize) % 2 == 0) {

        fill(0); // Black

      } else {

        fill(255); // White

      }

      rect(x, y, tileSize, tileSize);

    }

  }

  // End checks

               //circle

  fill('#FFB8EB');

  strokeWeight(0);

  circle(300, 0, 600);

               //circle

  fill('#B8B9FF');

  strokeWeight(0);

  circle(300, 0, 500);

        //circle

  fill('#B8EFFF');

  strokeWeight(0);

  circle(300, 0, 400);

      //circle

  fill('#E1FFB8');

  strokeWeight(0);

  circle(300, 0, 300);

      //circle

  fill('#FFBDFD');

  strokeWeight(0);

  circle(300, 0, 200);

    //circle

  fill('#FF9A0B');

  strokeWeight(0);

  circle(300, 0, 100);

              //circle

  fill('#B8B9FF');

  strokeWeight(0);

  circle(300, 600, 500);

            //circle

  fill('#B8EFFF');

  strokeWeight(0);

  circle(300, 600, 400);

      //circle

  fill('#E1FFB8');

  strokeWeight(0);

  circle(300, 600, 300);

      //circle

  fill('#FFBDFD');

  strokeWeight(0);

  circle(300, 600, 200);

  //circle

  fill('#FF9A0B');

  strokeWeight(0);

  circle(300, 600, 100);

​

}