rejig string displays

Author: rjoken

src/game/scenes/GameOverScene.ts

@@ -1,6 +1,12 @@
 import Phaser from "phaser";
 
 export class GameOverScene extends Phaser.Scene {
+  private score: number = 0;
+
+  init(data: { score: number }) {
+    this.score = data.score;
+  }
+
   constructor() {
     super("GameOverScene");
   }
@@ -9,23 +15,31 @@ export class GameOverScene extends Phaser.Scene {
     const { width, height } = this.cameras.main;
     document.fonts.load('16px "Monogram"').then(() => {
       this.add
-        .text(width / 2, height / 2 - 10, "BUSTED!", {
+        .text(width / 2, height / 2 - 32, "BUSTED!", {
+          fontFamily: "Monogram",
+          fontSize: "16px",
+          color: "#0f380f",
+        })
+        .setOrigin(0.5);
+
+      this.add
+        .text(width / 2, height / 2 - 16, `YOUR SCORE: ${this.score}`, {
           fontFamily: "Monogram",
           fontSize: "16px",
           color: "#0f380f",
         })
         .setOrigin(0.5);
 
       this.add
-        .text(width / 2, height / 2 + 10, "Press Backspace to go back", {
+        .text(width / 2, height / 2 + 16, "Press Enter to continue", {
           fontFamily: "Monogram",
           fontSize: "16px",
           color: "#0f380f",
         })
         .setOrigin(0.5);
     });
 
-    this.input.keyboard?.once("keydown-BACKSPACE", () =>
+    this.input.keyboard?.once("keydown-ENTER", () =>
       this.scene.start("MenuScene")
     );
   }

src/game/scenes/GameScene.ts

@@ -11,6 +11,10 @@ export class GameScene extends Phaser.Scene {
   private obstacles: Obstacle[] = [];
   private obstacleTimer: number = 0;
 
+  private score: number = 0;
+  private scoreText!: Phaser.GameObjects.Text;
+  private scoreTimer!: Phaser.Time.TimerEvent;
+
   private switchy!: Phaser.GameObjects.Sprite;
 
   private background!: Phaser.GameObjects.TileSprite;
@@ -54,6 +58,7 @@ export class GameScene extends Phaser.Scene {
 
   create() {
     this.gameEnded = false;
+    this.score = 0;
     // Get current game dimensions
     const gameWidth = this.cameras.main.width;
     const gameHeight = this.cameras.main.height;
@@ -70,6 +75,26 @@ export class GameScene extends Phaser.Scene {
     // Load sprites from asset handler
     SpriteAssets.createSprites(this);
 
+    document.fonts.load('24px "Monogram"').then(() => {
+      this.scoreText = this.add
+        .text(8, 0, `${this.score}`, {
+          fontFamily: "Monogram",
+          fontSize: "24px",
+          color: "#0f380f",
+        })
+        .setOrigin(0, 0)
+        .setDepth(1000);
+    });
+
+    this.scoreTimer = this.time.addEvent({
+      delay: 2000,
+      loop: true,
+      callback: () => {
+        this.score++;
+        this.scoreText.setText(`${this.score}`);
+      },
+    });
+
     // Set up Switchy (the player character)
     this.player = new Player(this, gameWidth / 2, gameHeight - 16, "switchy");
 
@@ -127,9 +152,12 @@ export class GameScene extends Phaser.Scene {
 
   handlePlayerHit() {
     if (this.gameEnded) return;
+    this.scoreTimer.remove(false);
     this.physics.pause();
     this.gameEnded = true;
-    this.playWipeTransition(() => this.scene.start("GameOverScene"));
+    this.playWipeTransition(() =>
+      this.scene.start("GameOverScene", { score: this.score })
+    );
   }
 
   playWipeTransition(onComplete: () => void) {

src/game/scenes/MenuScene.ts

@@ -28,13 +28,15 @@ export class MenuScene extends Phaser.Scene {
           color: "#0f380f",
         })
         .setOrigin(0.5, 0.5);
+
       this.add
         .text(width / 2, height - 16, "2025 heidi@wooting", {
           fontFamily: "Monogram",
-          fontSize: "14px",
+          fontSize: "16px",
           color: "#0f380f",
         })
         .setOrigin(0.5, 0.5);
+
       this.add
         .text(width / 2, height / 2 - 12, "TAX FRAUD", {
           fontFamily: "Monogram",