← Back to directory

Phaser Template

Preview the default Phaser demo, then clone the repo to jump-start your own TypeScript Phaser projects.

Heads up: If the embed doesn’t load, open the Phaser Template demo in a new tab. Open game in a new window

Template overview

Phaser 3 foundations

Phaser Template bundles Phaser 3, TypeScript, Vite, and Tailwind to provide a modern workflow for web game development. The demo scene shows sprite movement, physics, UI text, and asset loading so you can inspect a working setup before building your own levels.

The repository includes scripts for development (`npm start`), production builds (`npm run build`), and packaging zip files for distribution (`npm run bundle`).

Controls

Demo interactions

  • WASD / Arrow keys: Move the demo character or camera (depending on the scene).
  • Space: Trigger the template’s sample action/jump.
  • Mouse: Interact with UI elements if provided.

Why use it?

Speed up development

  • Preconfigured TypeScript + Vite build tooling.
  • Ready-made scripts for bundling games to itch.io or web hosting.
  • Clean project structure that’s easy to extend.

Tips

Customize quickly

  • Replace demo assets in `public` and update scenes under `src/`.
  • Use Tailwind classes to rapidly style in-game UIs.
  • Leverage the included GitHub Actions workflow for automated builds.