let triClicked = false;

let circClicked = false;

let escape = false; 

​

function setup() {

  createCanvas(400, 300);

}

​

function draw() {

  background(220);

​

  if (escape) {

    showEscapeScreen(); // Show screen when escaped

    return;

  }

​

  // Rectangle

  if (rectClicked) fill("red");

  else fill("gray");

  rect(50, 100, 80, 50);

​

  //Triangle

  if (triClicked) fill("blue");

  else fill("gray");

  triangle(170, 150, 200, 100, 230, 150);

​

  // Circle

  if (circClicked) fill("green");

  else fill("gray");

  ellipse(320, 125, 50, 50);

}

​

function mousePressed() {

  if (!rectClicked && mouseX > 50 && mouseX < 130 && mouseY > 100 && mouseY < 150) { //first rectangle is clicked

    rectClicked = true;

  } else if (rectClicked && !triClicked && mouseX > 170 && mouseX < 230 && mouseY > 100 && mouseY < 150) { //triangle clicked true  if rectangle clicked first

    triClicked = true;

  } else if (rectClicked && triClicked && !circClicked && dist(mouseX, mouseY, 320, 125) < 25) {//circle clicked true if rectangle and triangle clicked before

    circClicked = true;

    escape = true; //clicking circle = players escapes

  }

}

​

// Function to show the escape screen

function showEscapeScreen() {

  background(0); // Black background

  fill("white");

  textSize(24);

  textAlign(CENTER, CENTER);

  text("you escaped!", width / 2, height / 2);

}

​