let gifImg;

//Buttons

let wakeUpButton, snoozeButton;

​

// Preloading

function preload() {

  //Images

  wscreen = loadImage("wscreen.png");

  instructions = loadImage("instructions.png");

  alarm = loadImage("alarm.png");

  end_party = loadImage("END_party.png");

  end_sleep = loadImage("END_sleep.png");

  breakfast = loadImage("breakfast.png");

  d2 = loadImage("d2.png");

  skip = loadImage("go_skip.png");

  party = loadImage("go_party.png");

  goclass = loadImage("goclass.png");

  riddle = loadImage("riddle.png");

  dilemna = loadImage("dilemna.png");

  snooze = loadImage("snooze.png");

  gifImg = createImg("_.gif");

  //Sound

}

​

// Setup

function setup() {

  createCanvas(2000, 1000);

  scene = 1;

  ////////BUTTONS///////

}

​

// Draw Function

function draw() {

  // Scene 1

  if (scene === 1) {

    image(wscreen, 0, 0);

    if (keyIsPressed && key === "s") {

      scene = 2;

    }

  }

  // Scene 2

  if (scene === 2) {

    image(instructions, 0, 0);

    if (key === "r") {

      scene = 1;

    }

    if (key === "a") {

      scene = 3;

    }

  }

  // Scene 3

  if (scene === 3) {

    image(alarm, 0, 0);

    gifImg.style("width", "400px");

    gifImg.style("height", "400px");

    gifImg.position(800, 300);

        if (key === "d") {

      scene = 4;

    }

      //BUTTONS

  wakeUpButton = createButton('Wake up');

  snoozeButton = createButton('Snooze');

​

  //Position of the buttons

  wakeUpButton.position(800, 500);

  snoozeButton.position(800, 600);

​

  //on-click events to the buttons

  wakeUpButton.mousePressed(goToWakeUpScene);

  snoozeButton.mousePressed(goToSnoozeScene);

​

  }

  // Scene 4

    if (scene === 4) {

    image(breakfast, 0, 0);

    wakeUpButton.hide();

    snoozeButton.hide();

    gifImg.hide();

        if (key === "f") {

      scene = 5;

    }

}

}

function goToWakeUpScene() {

  scene = 4; 

}

​

function goToSnoozeScene() {

  scene = 5; 

}