let circleSize = 50;

let clickedCanvas = false;

​

function setup() {

  createCanvas(400, 400);

  background(255);

}

​

function mousePressed() {

  background(255);

  noLoop();

}

​

function draw() {

  background(0); 

  let x = 0;

  while(x <= width) {

    ellipse(x, 100, 50, 50);

    x = x + 50;

  }

}

​

// function draw() {

//   // background(255);

//   fill(255, 255, 255);

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

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

//       ellipse(x, y, circleSize, circleSize);

//     }

//   }

//   fill(255, 0, 0);

//   ellipse(mouseX, mouseY, 100, 100);

// }

​

// function draw() {

//   if(x > width) {

//       noLoop();

//   }

//   ellipse(x, 100, 50, 50);

//   x = x + 50;

// }