From 27954c41c1235df10c67f4695abfef3ee162abe2 Mon Sep 17 00:00:00 2001
From: Zsolt Tasnadi <rastasi@gmail.com>
Date: Fri, 15 May 2026 21:28:48 +0200
Subject: [PATCH] new name, boot scene

---
 index.html              |   2 +-
 package.json            |   2 +-
 src/main.ts             |   3 +-
 src/scenes/BootScene.ts | 106 ++++++++++++++++++++++++++++++++++++++++
 src/scenes/GameScene.ts |  14 ------
 5 files changed, 110 insertions(+), 17 deletions(-)
 create mode 100644 src/scenes/BootScene.ts
diff --git a/index.html b/index.html
index e053295..d62ce45 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Pixel Path Clone</title>
+    <title>Trickster Tiles</title>
     <style>
         body {
             margin: 0;
diff --git a/package.json b/package.json
index a4f3094..4480b71 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "pixel-path-clone",
+  "name": "trickster-tiles",
   "private": true,
   "version": "0.0.0",
   "type": "module",
diff --git a/src/main.ts b/src/main.ts
index 5aeb28a..75d9d73 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,4 +1,5 @@
 import Phaser from "phaser";
+import { BootScene } from "./scenes/BootScene";
 import { GameScene } from "./scenes/GameScene";
 
 const GAME_WIDTH = 800;
@@ -18,5 +19,5 @@ new Phaser.Game({
             debug: false,
         },
     },
-    scene: [GameScene],
+    scene: [BootScene, GameScene],
 });
diff --git a/src/scenes/BootScene.ts b/src/scenes/BootScene.ts
new file mode 100644
index 0000000..e5f2dd8
--- /dev/null
+++ b/src/scenes/BootScene.ts
@@ -0,0 +1,106 @@
+import Phaser from "phaser";
+import { Player } from "../entities/Player";
+import { Exit } from "../entities/Exit";
+import { Platform } from "../entities/Platform";
+import {
+    ObstacleSpikeNormal,
+    ObstacleSpikeTricky,
+} from "../entities/obstacles";
+
+export class BootScene extends Phaser.Scene {
+    constructor() {
+        super({ key: "BootScene" });
+    }
+
+    preload(): void {
+        this.load.svg(Player.TEXTURE_KEY, "/sprites/player.svg", { width: 32, height: 32 });
+        this.load.svg(Exit.TEXTURE_KEY, "/sprites/exit.svg", {
+            width: Exit.WIDTH,
+            height: Exit.HEIGHT,
+        });
+        this.load.svg(Platform.TEXTURE_KEY, "/sprites/platform.svg", { width: 40, height: 40 });
+        this.load.svg(ObstacleSpikeNormal.TEXTURE_KEY, "/sprites/spike-normal.svg", {
+            width: ObstacleSpikeNormal.WIDTH,
+            height: ObstacleSpikeNormal.HEIGHT,
+        });
+        this.load.svg(ObstacleSpikeTricky.TEXTURE_KEY, "/sprites/spike-tricky.svg", {
+            width: ObstacleSpikeTricky.WIDTH,
+            height: ObstacleSpikeTricky.HEIGHT,
+        });
+    }
+
+    create(): void {
+        const w = this.scale.width;
+        const h = this.scale.height;
+        const cx = w / 2;
+
+        this.cameras.main.setBackgroundColor("#1a1a2e");
+
+        this.add.tileSprite(cx, h - 20, w, 40, Platform.TEXTURE_KEY);
+
+        this.add
+            .text(cx, 130, "TRICKSTER", {
+                fontFamily: "Arial Black, Arial",
+                fontSize: "78px",
+                color: "#ffd700",
+                fontStyle: "bold",
+                stroke: "#7a5500",
+                strokeThickness: 6,
+            })
+            .setOrigin(0.5);
+
+        this.add
+            .text(cx, 200, "TILES", {
+                fontFamily: "Arial Black, Arial",
+                fontSize: "78px",
+                color: "#ffd700",
+                fontStyle: "bold",
+                stroke: "#7a5500",
+                strokeThickness: 6,
+            })
+            .setOrigin(0.5);
+
+        this.add
+            .text(cx, 270, "a pixel-art platformer", {
+                fontFamily: "Arial",
+                fontSize: "18px",
+                color: "#aaaaaa",
+                fontStyle: "italic",
+            })
+            .setOrigin(0.5);
+
+        this.add.image(cx - 80, 360, Player.TEXTURE_KEY);
+        this.add.image(cx, 374, ObstacleSpikeNormal.TEXTURE_KEY);
+        this.add.image(cx + 80, 374, ObstacleSpikeTricky.TEXTURE_KEY);
+
+        const startText = this.add
+            .text(cx, 450, "PRESS SPACE TO START", {
+                fontFamily: "Arial",
+                fontSize: "26px",
+                color: "#ffffff",
+                fontStyle: "bold",
+            })
+            .setOrigin(0.5);
+
+        this.tweens.add({
+            targets: startText,
+            alpha: 0.25,
+            duration: 600,
+            yoyo: true,
+            repeat: -1,
+        });
+
+        this.add
+            .text(cx, 510, "← → / A D  to move    SPACE / ↑ / W  to jump", {
+                fontFamily: "Arial",
+                fontSize: "14px",
+                color: "#888888",
+            })
+            .setOrigin(0.5);
+
+        const start = () => this.scene.start("GameScene");
+        this.input.keyboard?.once("keydown-SPACE", start);
+        this.input.keyboard?.once("keydown-ENTER", start);
+        this.input.once("pointerdown", start);
+    }
+}
diff --git a/src/scenes/GameScene.ts b/src/scenes/GameScene.ts
index 605794f..17f844f 100644
--- a/src/scenes/GameScene.ts
+++ b/src/scenes/GameScene.ts
@@ -34,20 +34,6 @@ export class GameScene extends Phaser.Scene {
         super({ key: "GameScene" });
     }
 
-    preload(): void {
-        this.load.svg(Player.TEXTURE_KEY, "/sprites/player.svg", { width: 32, height: 32 });
-        this.load.svg(Exit.TEXTURE_KEY, "/sprites/exit.svg", { width: Exit.WIDTH, height: Exit.HEIGHT });
-        this.load.svg(Platform.TEXTURE_KEY, "/sprites/platform.svg", { width: 40, height: 40 });
-        this.load.svg(ObstacleSpikeNormal.TEXTURE_KEY, "/sprites/spike-normal.svg", {
-            width: ObstacleSpikeNormal.WIDTH,
-            height: ObstacleSpikeNormal.HEIGHT,
-        });
-        this.load.svg(ObstacleSpikeTricky.TEXTURE_KEY, "/sprites/spike-tricky.svg", {
-            width: ObstacleSpikeTricky.WIDTH,
-            height: ObstacleSpikeTricky.HEIGHT,
-        });
-    }
-
     init(data: SceneData): void {
         this.levelIndex = data.levelIndex ?? 0;
         this.levelCompleted = false;
