Phaser.js Browser Games

Build HTML5 browser games with Phaser.js. Generates game scenes, sprite animations, physics bodies, tilemap levels, particle effects, and audio management for Canvas and WebGL games.

This skill helps you build 2D browser games with Phaser. It creates game scenes with proper lifecycle methods, implements arcade and matter physics, generates sprite sheets and animations, builds tilemap-based levels, and handles input for keyboard, mouse, and touch.

When to use

Use when building browser-based games, interactive educational content, game prototypes, or gamified web experiences that need to run without plugins on any device.

Examples

Endless runner

Build a procedurally generated side-scroller

Create a Phaser 3 endless runner with procedural platform generation, coin collection, score tracking, and increasing difficulty

Multiplayer card game

Build a turn-based card game with WebSocket sync

Build a Phaser card game with hand management, drag-to-play, turn-based logic, and WebSocket multiplayer support