# Phaser + TypeScript + Vite
URL: https://wwadd.dev/stacks/phaser-typescript-vite
Last verified: 2026-09-28

2D games that load instantly in a browser tab — and can still ship to Steam.

## When to use it
- A 2D game — platformer, puzzler, survivor-like, idle — where a link is the best distribution
- Game jams and prototypes where time-to-playable matters most
- A web team that wants to reuse JavaScript skills

## How the pieces fit
Phaser supplies the game-shaped parts — scenes, sprites, tilemaps, input, audio, arcade physics — on top of WebGL with a Canvas fallback. Vite serves it with instant reloads while you tune game feel, and TypeScript catches the typos that otherwise surface as a silent undefined mid-level. Tiled designs levels that Phaser loads directly. The build is static files: host it on itch.io or any CDN, or wrap it in Electron for Steam.

## The tech and its role
- [Phaser](https://wwadd.dev/tools/phaser): Game framework: scenes, sprites, physics, input
- [TypeScript](https://wwadd.dev/tools/typescript): Typed game code
- [Vite](https://wwadd.dev/tools/vite): Dev server and production build
- [Tiled](https://wwadd.dev/tools/tiled): Level design
- [Kenney assets](https://wwadd.dev/tools/kenney): Free placeholder and prototype art

## Real-world examples
- Vampire Survivors: The original was built in Phaser, then moved to Unity in 2023 to handle thousands of on-screen objects — a good measure of how far Phaser goes and where it runs out. (Phaser example; not a claim about Vite.) (source: https://en.wikipedia.org/wiki/Vampire_Survivors, 2023)
- Desktop Heroes (Telazer Games): An idle RPG shipped on Steam using Phaser wrapped in Electron, from a small studio whose web games already had over a million players. (Phaser example.) (source: https://phaser.io/news/2026/04/desktop-heroes-phaser-electron-steam, 2026)

## Skip if
Skip if you need 3D, console releases, or tens of thousands of moving objects — a native engine like Godot or Unity fits better.