games/trickster-tiles
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new name, boot scene

Browse Source
This commit is contained in:
Zsolt Tasnadi
2026-05-15 21:28:48 +02:00
parent 00a6e9f4bf
commit 27954c41c1
5 changed files with 110 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -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;

2
package.json
View File

@@ -1,5 +1,5 @@
{
"name": "pixel-path-clone",
"name": "trickster-tiles",
"private": true,
"version": "0.0.0",
"type": "module",

3
src/main.ts
View File

@@ -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],
});

106
src/scenes/BootScene.ts Normal file
View File

@@ -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);
}
}

14
src/scenes/GameScene.ts
View File

@@ -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;