let color2;

let colorChange;

function setup() {

  createCanvas(600, 400);

  rectMode(CENTER);

  color1 = color(255, 0, 0);

  color2 = color(0, 255, 0);

}

function draw() {

  background(200);

  /*if (mouseX > 150 && mouseX < 250 && mouseY > 150 && mouseY < 250) {

    color2 = color(255, 0, 255);

  } else {

      color2 = color(0, 255, 0);

  }*/

  fill(color1);

  rect(200, 200, 100, 100);

  fill(color2);

  ellipse(400, 200, 100, 100);

}

​

​

function mousePressed(){

  if (mouseX > 150 && mouseX < 250 && mouseY > 150 && mouseY < 250) {

    colorChange = !colorChange;

  }

  if (colorChange) {

    color2 = color(255, 0, 255);

  } else {

    color2 = color(0, 255, 0);

  }

}