E2_Savannah_Sloot-Gravel

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(260);

}

​

​

let s = 0;

let x = 0 ;

​

function draw() {

  background(188, 247, 232);

​

  // bottom right

  if (mouseX > width/2 && mouseY > height/2) {

    fill(145, 197, 237);//blue

    stroke(color(4, 113, 196));

    strokeWeight(4);

    circle(790, 500, 20); (width/2, height/2, width/2, height/2);

    circle (790, 500, s, s) 

    x = x + 1; 

    s = s + 1;

  }

  // top right

  else if (mouseX > width/2 && mouseY < height/2) {

    fill(216, 201, 245);//violet

    stroke(color(135, 4, 196));

    strokeWeight(4);

    circle(900, 50, 20); (width/2, height/2, width/2, height/2);

    circle (900, 50, s, s) 

    x = x + 1; 

    s = s + 1;

  }

  // top left

  else if (mouseX < width/2 && mouseY < height/2) {

    fill(245, 201, 222);//pink

    stroke(color(196, 4, 180));

    strokeWeight(4);

    circle(100, 100, 20); (width/2, height/2, width/2, height/2);

    circle (100, 100, s, s) 

    x = x + 1; 

    s = s + 1;

  }

  // bottom left

  else if (mouseX < width/2 && mouseY > height/2) {

    fill(245, 242, 201);//yellow

    stroke(color(237, 190, 2));

    strokeWeight(4);

    circle(100, 550, 20); (width/2, height/2, width/2, height/2);

    circle (100, 550, s, s) 

    x = x + 1; 

    s = s + 1;  

  }

}

​

​