phaser-svelte-template 🚀
Live Demo
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
Where to look for things
- 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.tscontains the variables that communicate between the Phaser game and the Svelte UI
Learn more
- 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
