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.ts contains 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