From c2acad828cd0055e31e5c0e4156c78feacd6dbba Mon Sep 17 00:00:00 2001
From: tiennm99 <tiennm99@outlook.com>
Date: Tue, 7 Apr 2026 21:04:25 +0700
Subject: [PATCH] feat: add Phaser config factory, PreloadScene, and GameScene
 stub

---
 superpowers/src/phaser/config.ts              | 22 +++++++++++++++++++
 superpowers/src/phaser/scenes/GameScene.ts    | 16 ++++++++++++++
 superpowers/src/phaser/scenes/PreloadScene.ts | 15 +++++++++++++
 3 files changed, 53 insertions(+)
 create mode 100644 superpowers/src/phaser/config.ts
 create mode 100644 superpowers/src/phaser/scenes/GameScene.ts
 create mode 100644 superpowers/src/phaser/scenes/PreloadScene.ts

diff --git a/superpowers/src/phaser/config.ts b/superpowers/src/phaser/config.ts
new file mode 100644
index 0000000..92cc920
--- /dev/null
+++ b/superpowers/src/phaser/config.ts
@@ -0,0 +1,22 @@
+import Phaser from "phaser";
+import { PreloadScene } from "./scenes/PreloadScene";
+import { GameScene } from "./scenes/GameScene";
+
+export function createPhaserConfig(
+  parent: HTMLElement,
+  width: number,
+  height: number
+): Phaser.Types.Core.GameConfig {
+  return {
+    type: Phaser.AUTO,
+    parent,
+    width,
+    height,
+    backgroundColor: "#16213e",
+    scene: [PreloadScene, GameScene],
+    scale: {
+      mode: Phaser.Scale.FIT,
+      autoCenter: Phaser.Scale.CENTER_BOTH,
+    },
+  };
+}
diff --git a/superpowers/src/phaser/scenes/GameScene.ts b/superpowers/src/phaser/scenes/GameScene.ts
new file mode 100644
index 0000000..327593e
--- /dev/null
+++ b/superpowers/src/phaser/scenes/GameScene.ts
@@ -0,0 +1,16 @@
+import Phaser from "phaser";
+
+export class GameScene extends Phaser.Scene {
+  constructor() {
+    super({ key: "GameScene" });
+  }
+
+  create(): void {
+    this.add
+      .text(this.cameras.main.centerX, this.cameras.main.centerY, "Game Loading...", {
+        fontSize: "24px",
+        color: "#ffffff",
+      })
+      .setOrigin(0.5);
+  }
+}
diff --git a/superpowers/src/phaser/scenes/PreloadScene.ts b/superpowers/src/phaser/scenes/PreloadScene.ts
new file mode 100644
index 0000000..a8f4bd7
--- /dev/null
+++ b/superpowers/src/phaser/scenes/PreloadScene.ts
@@ -0,0 +1,15 @@
+import Phaser from "phaser";
+
+export class PreloadScene extends Phaser.Scene {
+  constructor() {
+    super({ key: "PreloadScene" });
+  }
+
+  preload(): void {
+    // No assets to load — emoji are rendered as text
+  }
+
+  create(): void {
+    this.scene.start("GameScene");
+  }
+}