Make title changeable

Author: rjoken

.yarn/install-state.gz

@@ -2,12 +2,6 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import Phaser from "phaser";
 import { gameConfig } from "../game/config";
 import { ConnectDevice } from "./ConnectDevice";
-import { GameScene } from "../game/scenes/GameScene";
-import { MenuScene } from "../game/scenes/MenuScene";
-import { GameOverScene } from "../game/scenes/GameOverScene";
-import { NameEntryScene } from "../game/scenes/NameEntryScene";
-import { HighScoresScene } from "../game/scenes/HighScoresScene";
-import { ScenarioScene } from "../game/scenes/ScenarioScene";
 
 const Game = () => {
   const [device, setDevice] = useState<HIDDevice | null>(null);
@@ -25,19 +19,16 @@ const Game = () => {
       ...gameConfig,
     };
 
+    const params = new URLSearchParams(window.location.search);
+    const titleString = params.get("title") || "Switchy plushie when? ;)";
+
     // Small delay to ensure DOM has fully rendered
     const initTimer = setTimeout(() => {
       gameRef.current = new Phaser.Game({
         ...config,
-        scene: [
-          MenuScene,
-          GameScene,
-          GameOverScene,
-          NameEntryScene,
-          HighScoresScene,
-          ScenarioScene,
-        ],
       });
+
+      gameRef.current.scene.start("MenuScene", { titleString });
     }, 50);
 
     // Handle orientation change and resize events
@@ -89,18 +80,6 @@ const Game = () => {
     }
   }, []);
 
-  useEffect(() => {
-    if (device) {
-      (
-        gameRef.current?.scene.getScene("ScenarioScene") as GameScene
-      )?.setDevice(device);
-    } else {
-      (
-        gameRef.current?.scene.getScene("ScenarioScene") as GameScene
-      )?.closeDevice();
-    }
-  }, [device, gameRef, gameRef.current]);
-
   const onDeviceConnect = useCallback((device: HIDDevice) => {
     setDevice((existing) => {
       if (existing) {

src/components/Game.tsx

@@ -1,16 +1,22 @@
 import Phaser from "phaser";
 import { SpriteAssets } from "../createSpriteAssets";
+import { gameConfig } from "../config";
 
 export class MenuScene extends Phaser.Scene {
   private selectedIndex: number = 0;
   private options: string[] = ["START GAME", "HI SCORES"];
   private optionTexts: Phaser.GameObjects.Text[] = [];
+  private titleString: string = "";
   private cursor!: Phaser.GameObjects.Triangle;
 
   constructor() {
     super("MenuScene");
   }
 
+  init(data: { titleString?: string }) {
+    this.titleString = data.titleString || "Switchy plushie when? ;)";
+  }
+
   preload() {
     SpriteAssets.loadSimpleSprites(this);
   }
@@ -22,7 +28,7 @@ export class MenuScene extends Phaser.Scene {
 
     document.fonts.load('16px "Monogram"').then(() => {
       this.add
-        .text(width / 2, height - 32, "Hello ZFX Shanghai 2025!", {
+        .text(width / 2, height - 32, this.titleString, {
           fontFamily: "Monogram",
           fontSize: "16px",
           color: "#0f380f",