// let y;

​

function setup() {

  createCanvas(400, 400);

}

​

function draw() {

  background(220);

  // x=0; 

  // y=0;

  // while (x<=width){

  //   ellipse(x,height/2,10,10);

  //   x+=20;

  // }

  // while (y<=height){

  //   ellipse(width/2,y,10,10);

  //   y+=20;

  // }

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

  //   ellipse(x,height/2,10,10);

  // }

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

  //   ellipse(width/2,y,10,10);

  // }

  noFill();

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

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

      ellipse(x,y,10,10);

    }

  }

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

    fill('red');

    ellipse(x,x,10,10);

  }

  fill('blue');

  let x=width/2;

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

    rect(x,y,10,10);

  }

  fill('yellow');

  let y=height/2;

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

    rect(x,y,10,10);

  }

  fill('green');

  for(let y=width; y>=0; y+=25){

    rect(y,y,10,10);

  }

}