//

// Simple game that transitions between three states

// start - show instructions

// playing - play game

// end - show win or lose screen

​

let gameState = 'start'; // Can be 'start', 'playing', 'end'

​

let characterInitialY = 10;

let cloudInitialX = -30;

let characterY; // Character position

let cloudX; // Cloud position

let wonGame = false;

​

// Images

let backgroundImage;

let cloudImage;

​

function preload() {

  // This runs first and waits for loading to complete

  backgroundImage = loadImage('mariobackground.jpg');

  cloudImage = loadImage('cloud.png');

}

​

function setup() {

  // Runs once, after preload

  createCanvas(400, 400);

  restartGame();

}

​

function restartGame() {

  // Reset character position, lives, etc

  print('Resetting game state');

  print('Hint - press space bar to win');

  characterY = characterInitialY;

  cloudX = cloudInitialX;

  wonGame = false;

  gameState = 'start';

}

​

function draw() {

  background(220);

  if (gameState == 'start') {

    drawInstructions();

  } else if (gameState == 'playing') {

    drawGame();

  } else if (gameState == 'end') {

    drawEndScreen();

  }

}

​

function drawInstructions() {

  //print('drawing instructions');

  background(255); // white

  text('Press any key to start', 40, 50);

}

​

function drawGame() {

  // Draw game background image

  image(backgroundImage, 0, 0, width, height);

  // Moving cloud

  cloudX += 4;

  image(cloudImage, cloudX, 100, cloudImage.width, cloudImage.height);

  if (cloudX > width) {

    // Offscreen, reset

    cloudX = cloudInitialX;

  }

  characterY += 1.5; // Advance character

  drawCharacter();

  if (characterY > height) {

    // Lost the game!

    wonGame = false;

    // Change to end game state

    gameState = 'end';

  }

}

​

function drawCharacter() {

  text('I\'m the character!', 200, characterY);

}

​

function drawEndScreen() {

  if (wonGame)  {

    background('blue');

    text('You WON!!', 100, 200);

    text('Press any key to restart', 100, 230);

  } else {

    background('orange');

    text('You LOST. Sorry.', 100, 200);

    text('Press any key to restart', 100, 230);

  }  

}

​

function keyPressed() {

  if (gameState == 'start') {

    // Start the game

    gameState = 'playing';

  } else if (gameState == 'playing') {

    // Magically win game on space bar

    if (key == ' ') {

      // Won game!

      wonGame = true;

      gameState = 'end';

    }

  } else if (gameState == 'end') {

    restartGame();

  }

​

  // Returning false prevents the key being counted again - if you hold the key it is only processed once

  // For keys that you hold down, like the arrow keys

  // you would want to return true so the held key will

  // be processed again on the next frame

  return false;

}

​

​