Add idle mode.

Author: tesseralis

src/Game.ts

@@ -7,6 +7,11 @@ import Background from "./nodes/Background";
 import { initSounds } from "./audio";
 import { inputs } from "./inputs";
 import ministryLogoPath from "./assets/img/ministry-logo.png";
+import IdleMode from "./nodes/IdleMode";
+import { randomInt } from "mathjs";
+import { campaign } from "./levels";
+
+const IDLE_TIMEOUT = 60 * 1000;
 
 export default class Game {
   async start() {
@@ -38,15 +43,46 @@ export default class Game {
     const menu = new Menu(background, ministryLogoTexture);
     app.stage.addChild(background.view);
     app.ticker.add(background.tick);
-    menu.show(app.stage);
+
+    let timeout: number;
+    function setIdleTimeout() {
+      timeout = setTimeout(() => {
+        menu.hide();
+        const idleMode = new IdleMode(
+          background,
+          randomInt(0, campaign.length)
+        );
+        idleMode.onFinish = () => {
+          app.ticker.remove(idleMode.tick);
+          app.stage.removeChild(idleMode.view);
+          showMenu();
+        };
+        app.stage.addChild(idleMode.view);
+        idleMode.start();
+        app.ticker.add(idleMode.tick);
+      }, IDLE_TIMEOUT);
+    }
+    const resetIdleTimeout = () => {
+      clearTimeout(timeout);
+      setIdleTimeout();
+    };
+    const showMenu = () => {
+      menu.show(app.stage);
+      setIdleTimeout();
+      document.addEventListener("keydown", resetIdleTimeout);
+    };
+
+    showMenu();
     menu.onStart = (numPlayers, level) => {
+      document.removeEventListener("keydown", resetIdleTimeout);
+      clearTimeout(timeout);
       menu.hide();
       if (numPlayers === 1) {
         const singlePlayer = new SinglePlayer(background, level);
         singlePlayer.onFinish = () => {
           app.ticker.remove(singlePlayer.tick);
           app.stage.removeChild(singlePlayer.view);
-          menu.show(app.stage);
+          showMenu();
         };
         app.stage.addChild(singlePlayer.view);
         singlePlayer.start();
@@ -56,7 +92,7 @@ export default class Game {
         multiplayer.onFinish = () => {
           app.ticker.remove(multiplayer.tick);
           app.stage.removeChild(multiplayer.view);
-          menu.show(app.stage);
+          showMenu();
         };
         app.stage.addChild(multiplayer.view);
         multiplayer.start();

src/nodes/IdleMode.ts

@@ -0,0 +1,85 @@
+import { Point, type Ticker } from "pixi.js";
+import { WIDTH } from "../constants";
+import GameNode from "./GameNode";
+import Player from "./Player";
+import { campaign } from "../levels";
+import Background from "./Background";
+import { inputs } from "../inputs";
+import Countdown from "./Countdown";
+import { type IMediaInstance } from "@pixi/sound";
+import { playSound } from "../audio";
+import { slideIn } from "../animations";
+import { UP } from "../points";
+import { choice } from "../random";
+
+type Mode = "game" | "score";
+
+export default class IdleMode extends GameNode {
+  player: Player;
+  onFinish?: () => void;
+  background: Background;
+  mode: Mode = "game";
+  music?: IMediaInstance;
+
+  constructor(background: Background, startLevel: number) {
+    super();
+    this.background = background;
+    this.player = new Player({
+      inputMap: inputs.player1,
+      levels: campaign,
+      startLevel,
+    });
+    this.player.onLevelUp = (level) => {
+      this.background.setGenerator(level.randomQubit);
+    };
+    this.player.onTopOut = () => {
+      this.music?.stop();
+    };
+    this.player.onGameOver = () => {
+      this.view.removeChild(this.player.view);
+      this.player.destroy();
+      this.endIdle();
+    };
+  }
+
+  async start() {
+    // this.view.addChild(
+    //   new HTMLText({
+    //     text: "Press any button",
+    //   })
+    // );
+    this.view.addChild(this.player.view);
+    document.addEventListener("keydown", this.handleKeyDown);
+    slideIn(
+      this.player.view,
+      new Point(WIDTH / 2 - this.player.view.width / 2, 0),
+      UP
+    );
+
+    const countdown = new Countdown();
+    this.view.addChild(countdown.view);
+    await countdown.start();
+    this.player.start();
+    this.view.removeChild(countdown.view);
+    this.music = await playSound("bgMusic", { loop: true });
+  }
+
+  tick = (time: Ticker) => {
+    if (this.mode === "game") {
+      this.player.tick(time);
+      // Very simple, just press a random button
+      if (Math.random() < 0.02)
+        this.player.onPress(choice(Object.values(inputs.player1)));
+    }
+  };
+
+  endIdle() {
+    this.music?.stop();
+    document.removeEventListener("keydown", this.handleKeyDown);
+    this.onFinish?.();
+  }
+
+  handleKeyDown = () => {
+    this.endIdle();
+  };
+}