script.js

// Main game object
var game = {
  oldMousePos: {
    x: 0,
    y: 0
  },
  mouseMoving: false,
  debuggerSearching: false,
  points: 0,
  timesNotMoving: 0,
  playAgainCursorDown: false,
  debuggerPeekSpeed: 800,
  comboCount: 0,
  comboColors: ["#4caf50", "#73e1f0", "#f0d847", "#f07e48", "#f0524a", "#6aee90", "#d270f8", "#d96264", "#d6b3f8"],
  timeValue: 10,
  comboText: "",
  bestCombo: 0
};

// Main scene
class Game extends Phaser.Scene {
  constructor() {
    super("Game");
  }
  // Load all the sprites and background
  preload() {
    // Images
    this.load.image("debugger", "assets/debugger.png");
    this.load.image("one", "assets/one.png");
    this.load.image("zero", "assets/zero.png");
    this.load.image("time", "assets/time.png");

    // Sound
    this.load.audio("music", "assets/music.mp3");
    this.load.audio("timeWasted", "assets/timeWasted.wav");
  }

  // Update
  updateScore(num) {
    game.points += num;
    game.score.text = game.points;
  }
  updateCombo(num) {
    game.comboCount += num;
    game.comboTextbox.text = game.comboCount;
  }

  // Create all the sprites and colliders and everything else
  create() {
    // Phaser
    let phaser = this;

    // Load sounds
    game.music = this.sound.add("music");
    game.timeWasted = this.sound.add("timeWasted");
    game.music.play();
    game.music.setLoop(true);

    // Create sprites
    game.player = this.physics.add.sprite(phaser.input.mousePointer.x, phaser.input.mousePointer.y, "one").setScale(8).setGravityY(-config.physics.arcade.gravity.y);
    game.debugger = this.physics.add.sprite(0, 0, "debugger").setScale(8).setGravityY(-config.physics.arcade.gravity.y);
    game.debugger.visible = false;
    game.debugger.tweenX = 0;
    game.debugger.tweenY = 0;
    game.time = this.physics.add.group();
    game.time.create(Math.random() * config.width, Math.random() * config.height, "time").setScale(8).setGravityY(-config.physics.arcade.gravity.y);
    this.add.text(50, 30, "Score: ", {
      fontFamily: '"VT323"',
      fontSize: 40,
      color: 0xffffff
    });
    game.score = this.add.text(50, 50, game.points, {
      fontFamily: '"VT323"',
      fontSize: 80,
      color: 0xffffff
    });
    this.add.text(1150, 30, "Combo: ", {
      fontFamily: '"VT323"',
      fontSize: 40,
      color: 0xffffff
    });
    game.comboTextbox = this.add.text(1150, 50, game.comboCount, {
      fontFamily: '"VT323"',
      fontSize: 80,
      color: 0xffffff
    });

    // Check if mouse moving
    game.mouseCheck = setInterval(function() {
      if (game.oldMousePos.x === phaser.input.mousePointer.x && game.oldMousePos.y === phaser.input.mousePointer.y) {
        game.mouseMoving = false;
        if (!game.debuggerSearching) {
          game.timesNotMoving++;
        }
      } else {
        game.mouseMoving = true;
        game.timesNotMoving = 0;
      }
      game.oldMousePos.x = phaser.input.mousePointer.x;
      game.oldMousePos.y = phaser.input.mousePointer.y;
      if (game.timesNotMoving >= 10) {
        phaser.updateScore(-10);
        game.timesNotMoving = 0;
      }
    }, 100);
    game.debuggerMove = setInterval(function() {
      game.debugger.visible = true;
      if (game.comboCount > game.bestCombo) {
        game.bestCombo = game.comboCount;
      }
      phaser.updateCombo(-game.comboCount);
      game.timeValue = 10;
      game.comboText = "";
      const random = Math.floor(Math.random() * 2);
      let array = [{x: Math.floor(Math.random() * 2) ? 0 : config.width, y: Math.random() * config.height}, {x: Math.random() * config.width, y: Math.floor(Math.random() * 2) ? 0 : config.height}]
      let choice = array[random];
      if (choice == array[0]) {
        if (choice.x === 0) {
          game.debugger.direction = "right";
        } else {
          game.debugger.direction = "left";
        }
      } else {
        if (choice.y === 0) {
          game.debugger.direction = "down";
        } else {
          game.debugger.direction = "up";
        }
      }
      game.debugger.x = choice.x;
      game.debugger.y = choice.y;
      if (game.debugger.direction === "right") {
        game.debugger.tweenX = game.debugger.x + 50;
        game.debugger.tweenY = game.debugger.y;
      } else if (game.debugger.direction === "left") {
        game.debugger.tweenX = game.debugger.x - 50;
        game.debugger.tweenY = game.debugger.y;
      } else if (game.debugger.direction === "up") {
        game.debugger.tweenX = game.debugger.x;
        game.debugger.tweenY = game.debugger.y - 50;
      } else {
        game.debugger.tweenX = game.debugger.x;
        game.debugger.tweenY = game.debugger.y + 50;
      }
      game.debugger.peekIn = phaser.tweens.add({
        targets: game.debugger,
        x: game.debugger.tweenX,
        y: game.debugger.tweenY,
        duration: game.debuggerPeekSpeed,
        callbackScope: this,
        onComplete: function() {
          game.debuggerSearching = true;
        }
      });
      setTimeout(function() {
        if (game.debugger.direction === "right") {
          game.debugger.tweenX = game.debugger.x - 50;
          game.debugger.tweenY = game.debugger.y;
        } else if (game.debugger.direction === "left") {
          game.debugger.tweenX = game.debugger.x + 50;
          game.debugger.tweenY = game.debugger.y;
        } else if (game.debugger.direction === "up") {
          game.debugger.tweenX = game.debugger.x;
          game.debugger.tweenY = game.debugger.y + 50;
        } else {
          game.debugger.tweenX = game.debugger.x;
          game.debugger.tweenY = game.debugger.y - 50;
        }
        game.debugger.peekOut = phaser.tweens.add({
          targets: game.debugger,
          x: game.debugger.tweenX,
          y: game.debugger.tweenY,
          duration: game.debuggerPeekSpeed,
          callbackScope: this
        });
        setTimeout(function () {
          game.debugger.visible = false;
          game.debuggerSearching = false;
        }, game.debuggerPeekSpeed);
      }, 1000);
    }, (Math.random() * 9000) + 1000);

    // Colliders
    this.physics.add.overlap(game.player, game.time, function(player, time) {
      game.timeWasted.play();
      time.destroy();
      game.time.create(Math.random() * config.width, Math.random() * config.height, "time").setScale(8).setGravityY(-config.physics.arcade.gravity.y);
      phaser.updateScore(game.timeValue);
      game.debuggerPeekSpeed -= 5;
      let text = phaser.add.text(time.x, time.y, `+${game.timeValue}\n${game.comboText}`, {
        fontFamily: '"VT323"',
        fontSize: 40,
        color: game.comboColors[game.comboCount] ? game.comboColors[game.comboCount] : game.comboColors[game.comboColors.length - 1]
      });
      phaser.tweens.add({
        targets: text,
        y: text.y - 20,
        duration: 400,
        callbackScope: this
      });
      setTimeout(function () {
        text.destroy();
      }, 400);
      phaser.updateCombo(1);
      game.timeValue += 5;
      switch (game.comboCount) {
        case 0:
          game.comboText = "";
          break;
        case 1:
          game.comboText = "Good";
          break;
        case 2:
          game.comboText = "Nice";
          break;
        case 3:
          game.comboText = "Cool";
          break;
        case 4:
          game.comboText = "Superb";
          break;
        case 5:
          game.comboText = "WOW";
          break;
        case 6:
          game.comboText = "WHAT";
          break;
        case 7:
          game.comboText = "IMPOSSIBLE!";
          break;
        default:
          game.comboText = "HOW?!?!";
      }
    });
  }

  // Update the sprites and groups
  update() {
    game.player.x = this.input.mousePointer.x;
    game.player.y = this.input.mousePointer.y;
    if (game.mouseMoving) {
      game.player.setTexture("one");
      game.music.resume();
    } else {
      game.player.setTexture("zero");
      game.music.pause();
    }
    if (game.mouseMoving && game.debuggerSearching) {
      clearInterval(game.mouseCheck);
      clearInterval(game.debuggerMove);
      game.music.stop();
      this.scene.stop("Game");
      this.scene.start("GameOver");
    }
  }
}

// Game over
class GameOver extends Phaser.Scene {
  constructor() {
    super("GameOver");
  }
  preload() {
    this.load.image("playAgain", "assets/playAgain.png");
    this.load.image("playAgainCursor", "assets/cursor.png");
  }
  create() {
    let phaser = this;
    this.add.text(450, 100, "GAME OVER", {
      fontFamily: '"VT323"',
      fontSize: 100,
      color: "#4caf50"
    });
    if (game.points > localStorage.getItem("highScore") || !localStorage.getItem("highScore")) {
      localStorage.setItem("highScore", game.points);
    }
    this.add.text(520, 200, `High Score: ${localStorage.getItem("highScore")}`, {
      fontFamily: '"VT323"',
      fontSize: 40,
      color: "#4caf50"
    });
    this.add.text(550, 250, `Score: ${game.points}`, {
      fontFamily: '"VT323"',
      fontSize: 40,
      color: "#4caf50"
    });
    this.add.text(530, 300, `Best Combo: ${game.bestCombo}`, {
      fontFamily: '"VT323"',
      fontSize: 40,
      color: "#4caf50"
    });
    game.playAgainButton = this.physics.add.sprite(625, 450, "playAgain").setScale(8).setInteractive().setGravityY(-config.physics.arcade.gravity.y);
    game.playAgainCursor = this.physics.add.sprite(this.input.mousePointer.x, this.input.mousePointer.y, "playAgainCursor").setScale(8).setGravityY(-config.physics.arcade.gravity.y);
    this.physics.add.overlap(game.playAgainButton);
    this.input.on("pointerdown", function () {
      game.playAgainCursor.setScale(7);
      game.playAgainCursorDown = true;
    });
    this.input.on("pointerup", function () {
      game.playAgainCursor.setScale(8);
      game.playAgainCursorDown = false;
    });
    this.physics.add.overlap(game.playAgainCursor, game.playAgainButton, function () {
      if (game.playAgainCursorDown) {
        game.points = 0;
        game.oldMousePos = {
          x: 0,
          y: 0
        };
        game.mouseMoving = false;
        game.debuggerSearching = false;
        game.timesNotMoving = 0;
        game.playAgainCursorDown = false;
        game.debuggerPeekSpeed = 800;
        game.comboCount = 0;
        game.timeValue = 10;
        game.comboText = "";
        game.bestCombo = 0;
        phaser.scene.stop("GameOver");
        phaser.scene.start("Game");
      }
    });
  }
  update() {
    game.playAgainCursor.x = this.input.mousePointer.x;
    game.playAgainCursor.y = this.input.mousePointer.y;
  }
}

// Start menu
class Start extends Phaser.Scene {
  constructor() {
    super("Start");
  }
  preload() {
    this.load.image("startButton", "assets/start.png");
    this.load.image("startCursor", "assets/cursor.png");
  }
  create() {
    let phaser = this;
    this.add.text(420, 100, "HYPOTHESIS", {
      fontFamily: '"VT323"',
      fontSize: 100,
      color: "#4caf50"
    });
    game.startButton = this.physics.add.sprite(625, 400, "startButton").setScale(8).setInteractive().setGravityY(-config.physics.arcade.gravity.y);
    game.startCursor = this.physics.add.sprite(this.input.mousePointer.x, this.input.mousePointer.y, "startCursor").setScale(8).setGravityY(-config.physics.arcade.gravity.y);
    this.physics.add.overlap(game.startButton);
    this.input.on("pointerdown", function () {
      game.startCursor.setScale(7);
      game.playAgainCursorDown = true;
    });
    this.input.on("pointerup", function () {
      game.startCursor.setScale(8);
      game.playAgainCursorDown = false;
    });
    this.physics.add.overlap(game.startCursor, game.startButton, function () {
      if (game.playAgainCursorDown) {
        game.playAgainCursorDown = false;
        phaser.scene.stop("Start");
        phaser.scene.start("Game");
      }
    });
  }
  update() {
    game.startCursor.x = this.input.mousePointer.x;
    game.startCursor.y = this.input.mousePointer.y;
  }
}

// Phaser config
const config = {
  type: Phaser.AUTO,
  width: 1250,
  height: 590,
  render: {
    pixelArt: true
  },
  backgroundColor: 0xffffff,
  physics: {
    default: "arcade",
    arcade: {
      gravity: {
        y: 1500
      },
      enableBody: true,
      // debug: true
    }
  },
  scene: [Start, Game, GameOver]
};

// Phaser game
const phaserGame = new Phaser.Game(config);