114 lines
3.3 KiB
TypeScript
114 lines
3.3 KiB
TypeScript
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";
|
|
|
|
interface SpriteAsset {
|
|
key: string;
|
|
path: string;
|
|
width: number;
|
|
height: number;
|
|
}
|
|
|
|
const SPRITE_ASSETS: SpriteAsset[] = [
|
|
{ key: Player.TEXTURE_KEY, path: "/sprites/player.svg", width: Player.SIZE, height: Player.SIZE },
|
|
{ key: Exit.TEXTURE_KEY, path: "/sprites/exit.svg", width: Exit.WIDTH, height: Exit.HEIGHT },
|
|
{ key: Platform.TEXTURE_KEY, path: "/sprites/platform.svg", width: 40, height: 40 },
|
|
{
|
|
key: ObstacleSpikeNormal.TEXTURE_KEY,
|
|
path: "/sprites/spike-normal.svg",
|
|
width: ObstacleSpikeNormal.WIDTH,
|
|
height: ObstacleSpikeNormal.HEIGHT,
|
|
},
|
|
{
|
|
key: ObstacleSpikeTricky.TEXTURE_KEY,
|
|
path: "/sprites/spike-tricky.svg",
|
|
width: ObstacleSpikeTricky.WIDTH,
|
|
height: ObstacleSpikeTricky.HEIGHT,
|
|
},
|
|
];
|
|
|
|
const TITLE_STYLE: Phaser.Types.GameObjects.Text.TextStyle = {
|
|
fontFamily: "Arial Black, Arial",
|
|
fontSize: "78px",
|
|
color: "#ffd700",
|
|
fontStyle: "bold",
|
|
stroke: "#7a5500",
|
|
strokeThickness: 6,
|
|
};
|
|
|
|
const SUBTITLE_STYLE: Phaser.Types.GameObjects.Text.TextStyle = {
|
|
fontFamily: "Arial",
|
|
fontSize: "18px",
|
|
color: "#aaaaaa",
|
|
fontStyle: "italic",
|
|
};
|
|
|
|
const PROMPT_STYLE: Phaser.Types.GameObjects.Text.TextStyle = {
|
|
fontFamily: "Arial",
|
|
fontSize: "26px",
|
|
color: "#ffffff",
|
|
fontStyle: "bold",
|
|
};
|
|
|
|
const HINT_STYLE: Phaser.Types.GameObjects.Text.TextStyle = {
|
|
fontFamily: "Arial",
|
|
fontSize: "14px",
|
|
color: "#888888",
|
|
};
|
|
|
|
export class BootScene extends Phaser.Scene {
|
|
constructor() {
|
|
super({ key: "BootScene" });
|
|
}
|
|
|
|
preload(): void {
|
|
for (const asset of SPRITE_ASSETS) {
|
|
this.load.svg(asset.key, asset.path, { width: asset.width, height: asset.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", TITLE_STYLE).setOrigin(0.5);
|
|
this.add.text(cx, 200, "TILES", TITLE_STYLE).setOrigin(0.5);
|
|
this.add.text(cx, 270, "a pixel-art platformer", SUBTITLE_STYLE).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", PROMPT_STYLE)
|
|
.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", HINT_STYLE)
|
|
.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);
|
|
}
|
|
}
|