Phaser
Phaser is a fast, fun, free open-source HTML5 game framework for 2D games. It supports both WebGL and Canvas rendering and provides a comprehensive set of game development features.
In This Section
- Getting Started — Game configuration, scenes, and game loop
- Sprites & Physics — Sprite management, Arcade physics, and collisions
- Scenes & State Management — Scene lifecycle, transitions, and data passing
- Input & Audio — Keyboard, touch, gamepad input, and audio management
- Tilemaps & Level Design — Tilemaps, layers, collision tiles, and world building
Pages in this section
Phaser Getting Started — Complete Beginner's Guide (Build Your First 2D Game)
Learn Phaser.js from scratch: game configuration, scene lifecycle, asset loading, keyboard input, and building your first 2D browser game step by step.
✓ LivePhaser Sprites & Physics — Arcade Physics Explained (Step-by-Step Guide)
Master Arcade Physics in Phaser: sprites vs images, collisions, overlap detection, velocity, gravity, bounce, drag, and physics groups for 2D games.
✓ LivePhaser Scenes & State Management — Complete Guide with Examples
Master Phaser scenes and state management: lifecycle hooks, scene transitions, data passing between scenes, the registry, and building multi-scene games.
✓ LivePhaser Input & Audio — Keyboard, Touch, Gamepad & Sound (Practical Guide)
Handle keyboard, mouse, touch, and gamepad input plus audio playback in Phaser — build interactive games with sound effects, music, and spatial audio.
✓ LivePhaser Tilemaps & Level Design — Build Game Worlds (Complete Tutorial)
Build 2D game worlds with Phaser tilemaps: Tiled editor integration, tile layers, collision tiles, object layers, procedural generation, and camera follow explained simply.
✓ Live