let a = 285;

let b = 200;

let i = 0;

let c;

​

function setup() {

  createCanvas(600, 400);

  c = color(225);

  let d = color(0, 255, 255);

​

}

​

function draw() {

  // frameRate(10);

  background(255);

  noStroke();

​

  fill(c);

  rect(265, 180, x, 40, 20);

  push();

  stroke(225);

  fill(255);

  ellipseMode(CENTER);

  ellipse(a, b, 36);

  line(495,175,495,225);

  pop();

  if (mouseIsPressed) {

    if (mouseX < a + 16 && mouseX > a - 16) {

      a = a + 30;

      i++;

      if (i > 1) {

        x = x + 30;

      }

      if (i >6) {

        console.log(c)

        c = color(0, 255, 26);

      }

    }

  }

  // console.log(c)

}