​

let state = 0;

​

function setup() {

  createCanvas(400, 400);

}

​

function draw() {

  background(220);

 // if else statement

  if (state === 0) { 

    background ("lightblue");

​

    //square1

    square(50,170,100)

    //square2

     fill("green")

    square(170,170,100)

    textSize(30);

    fill("black");

    text("hey, who are you",50,150);

      }  else if (state === 1)   {

     background ("red");

      //square1

      square(50,170,100)

        //square2 

        fill("green")

      square(170,170,100)  

     textSize(30);

     text("im you?",170,300);

     fill("black");

      } else if (state === 2) { 

    background ("purple"); 

        //square1

     square(50,170,100)

        //square2

        fill("green")

    square(170,170,100)

    textSize(30);

    fill("black"); 

        text("no your, not your green! ",70,150);

        } else if (state === 3) { 

    background ("orange"); 

    square(170,170,100)

    textSize(30);

          fill("black")

     square(50,170,100)

        fill("green")

        text("thats racist, do better ",70,300);

     }

}

  function mousePressed() {

  state += 1;

  if (state > 3) {

    state = 0; 

  } 

}