​

​

function setup() {

  createCanvas(800, 600);

}

​

function draw() {

  background(100);

  // textAlign(CENTER)

  fill(0, 255, 0);

  rect(50, 200, 200, 75);

  textSize(50)

  noStroke()

  fill(255);

  text('INSTRUCTIONS', 360, 248);  

​

  if (MENU == 1) {

    background(0, 255, 0)

    fill(0)

    textSize(20)

    text('Right Click to return to MENU', 525, 30)

    if (mouseButton == RIGHT) {

      MENU = 0

    }

  } // START GAME

  if (MENU == 2) {

    background(255, 0, 255)

    textSize(20)

    text('Right Click to return to MENU', 525, 30)

    textSize(30)

    text('1. Rocks will fall from the top of the screen.', 50, 150)

    text('2. Move your character using arrow keys', 50, 200)

    text('<- and -> to avoid being crushed.', 80, 240)

    text('3. The game is over when a rock hits you.', 50, 290)

    if (mouseButton == RIGHT) {

      MENU = 0

    }

  } // INSTRUCTIONS

  if (MENU == 3) {

    background(255, 0, 0)

    textSize(75)

    text('COME AGAIN SOON!', 25, height / 2)

  } // EXIT 

}

​

function mouseClicked() {

  if (MENU == 0) {

    if (mouseX < 200 && mouseX > 50) {

      if (mouseY < 125 && mouseY > 50) {

        MENU = 1

      }

      if (mouseY < 275 && mouseY > 200) {

        MENU = 2

      }

      if (mouseY < 425 && mouseY > 350) {

        MENU = 3

      }

    }

  }

}