let canvas

​

function setup() {

  canvas = createCanvas(600, 600);

}

​

function draw() {

  background(220);

    for (let index= 0; index <count; index +=1){

      fill(0);

      //left line circle version

      let lineX1= map(index, 0, count - 1, 200, 200);

      let lineY1 = map(index, 0, count - 1, 400, 200);

      circle(lineX1, lineY1, 20);

      //top

      let lineX2= map(index, 0, count - 1, 200, 400);

      let lineY2 = map(index, 0, count - 1, 200, 200);

      circle(lineX2, lineY2, 20);

      //right

      let lineX3= map(index, 0, count - 1, 400, 400);

      let lineY3 = map(index, 0, count - 1, 200, 400);

      circle(lineX3, lineY3, 20);

      //bottom

      let lineX4= map(index, 0, count - 1, 400, 200);

      let lineY4 = map(index, 0, count - 1, 400, 400);

      circle(lineX4, lineY4, 20);

      //diagonal circle version

      let lineX5= map(index, 0, count - 1, 300, 400);

      let lineY5 = map(index, 0, count - 1, 350, 450);

      circle(lineX5, lineY5, 18);

    }

​

​

}

function mouseClicked(){

saveCanvas(canvas, "Week3 Grid drawing1.jpeg")

}

​