This is a project starter template for a web game that uses Phaser 3 for the game world and Skeleton UI (SvelteKit + Tailwind) for the menus.
To get started, press "Use this template" on the top of the github page.
Then, run:
pnpm i
pnpm dev
- The game world you see is in
src/phaser/scenes/GameScene.ts
- The config for the Phaser game is in
src/phaser/main.ts
- The HUD you see is in
src/svelte/routes/Hud.svelte
- The PWA config is in
static/manifest.json
. src/lib/stores.ts
contains the variables that communicate between the Phaser game and the Svelte UI
- Phaser - https://phaser.io/tutorials/getting-started-phaser3
- Svelte - https://learn.svelte.dev/
- Tailwind CheatSheet - https://nerdcave.com/tailwind-cheat-sheet
- Skeleton UI - https://www.skeleton.dev/docs/get-started