phaser-best-practices

Builds and refactors Phaser 3 browser games with scenes, physics, tilemaps, and animations.

2|10|Updated Jul 28, 2026
One-click install
npx skills add https://github.com/kodingvibes/gamejam-2026 --skill phaser-best-practices-kodingvibes
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: phaser-best-practices
Source: https://github.com/kodingvibes/gamejam-2026/tree/main/participantes/jpyunism/.agents/skills/phaser-best-practices
Command: npx skills add https://github.com/kodingvibes/gamejam-2026 --skill phaser-best-practices-kodingvibes

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Building Phaser 3 games involves many error-prone decisions: choosing between Arcade and Matter physics, structuring scenes, configuring scale modes, measuring spritesheets, and avoiding scene-restart bugs. This Skill provides opinionated, battle-tested guidance so your game code is correct, performant, and maintainable from the start. ## Core Features & Use Cases - New Project Scaffolding: Recommends folder structures, game configs, and scene lists sized to your project, from small jam games to content-heavy productions. - Feature Work & Bug Fixes: Delivers minimal targeted patches with root-cause explanations for issues like blurry pixel art, collider bugs, asset loading failures, and animation problems. - Performance & Cleanup Guidance: Covers object pooling, update-loop hygiene, physics workload control, and lifecycle-safe cleanup to prevent leaked listeners and timers. - Use Case: You ask for a top-down shooter prototype. The Skill scaffolds a Vite + TypeScript project with Boot, Menu, Game, and UI scenes, Arcade Physics, pooled bullets, and centralized asset keys, then provides runnable starter code. ## Quick Start Ask the AI to create a new Phaser 3 platformer game with a player character, tilemap level, and coin pickups using this skill.

Frequently Asked Questions about phaser-best-practices

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a new Phaser 3 game project?▼

Use a Vite + TypeScript setup with Phaser 3, a game config defining renderer, scale mode, and physics, plus startup scenes like Boot, Menu, Game, and UI. Start with one vertical slice proving the core loop before adding systems like audio and tilemaps.

Should I use Arcade or Matter physics in Phaser?▼

Use Arcade for platformers, shooters, top-down action, and simple collision logic. Use Matter only when you need rotation-driven collisions, compound bodies, constraints, or realistic stacking. Default to Arcade when the answer is not obvious.

Why does my Phaser pixel art look blurry?▼

Blurry pixel art usually comes from missing pixelArt and roundPixels config settings, sub-pixel camera movement, or non-integer scaling. Enable pixelArt mode, set camera roundPixels to true, and use integer-friendly zoom levels.

How do I fix Phaser scene restart bugs?▼

Scene restart bugs come from listeners, timers, or tweens not cleaned up on shutdown. Register cleanup with Phaser.Scenes.Events.SHUTDOWN, remove global listeners, kill tweens, and fully reset pooled objects including velocity, alpha, and animation state.

When should I use NineSlice versus custom UI composition in Phaser?▼

Use built-in NineSlice or ThreeSlice when the source art is a true 3x3 or 3-slice layout with fixed corners. Fall back to custom trimmed composition only when frames contain large transparent padding or discontinuous art that breaks built-in slicing.