dev-phaser-fundamentals

Configures Phaser 3 games with scenes, physics, and lifecycle management patterns.

1|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/fiando/bake-tycoon --skill dev-phaser-fundamentals-fiando
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dev-phaser-fundamentals
Source: https://github.com/fiando/bake-tycoon/tree/main/.github/skills/dev-phaser-fundamentals
Command: npx skills add https://github.com/fiando/bake-tycoon --skill dev-phaser-fundamentals-fiando

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires phaser.

What problem does it solve? Setting up a Phaser 3 game involves many configuration decisions—renderer type, scale mode, physics engine, scene structure—and common mistakes like loading assets in create() or creating objects in update() cause bugs and performance issues. This Skill provides structured guidance and proven patterns for correct Phaser game setup. ## Core Features & Use Cases - Game Configuration: Templates for Phaser.Game config including scale manager (FIT mode, centering), arcade/matter physics, and renderer selection. - Scene Lifecycle Patterns: Progressive examples covering preload/create/update, scene data passing, parallel scenes, and scene manager control (start, launch, pause, sleep, stop). - Anti-Pattern Detection: Explicit lists of what to avoid, such as asset loading in create(), object creation in update(), and missing shutdown cleanup. - Use Case: When building a 2D web game like an idle clicker or platformer, use this Skill to scaffold the game config, structure multiple scenes (Boot, Preload, Game, UI), and wire up responsive scaling for mobile and desktop. ## Quick Start Set up a new Phaser 3 game with a main scene, arcade physics, and responsive scaling for an 800x600 canvas.

Frequently Asked Questions about dev-phaser-fundamentals

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

FAQPage Schema
How do I set up a Phaser 3 game with TypeScript?▼

Create a Phaser.Types.Core.GameConfig object specifying type, dimensions, parent element, scale mode, and physics, then pass it to new Phaser.Game(). Define scenes as classes extending Phaser.Scene and list them in the config's scene array.

What is the difference between preload, create, and update in Phaser scenes?▼

preload() loads assets before the scene starts, create() initializes game objects after assets are ready, and update() runs every frame for game logic. Loading assets in create() instead of preload() is a common mistake that causes failures.

Should I use arcade or matter physics in Phaser?▼

Arcade physics suits platformers and simple collision games with gravity and velocity controls. Matter physics provides realistic simulation for puzzles requiring complex body interactions. Configure your choice in the physics section of the game config.

How do I make a Phaser game responsive to different screen sizes?▼

Use Phaser.Scale.FIT mode with Phaser.Scale.CENTER_BOTH in the scale config to scale the canvas proportionally and center it. Access actual dimensions at runtime via this.scale.width and this.scale.height instead of hardcoding values.

Why does my Phaser game have memory leaks or performance issues?▼

Common causes include creating new objects inside update() every frame and not cleaning up event listeners. Use object pooling for repeated objects and register a shutdown handler via this.events.once(Phaser.Scenes.Events.SHUTDOWN) to remove listeners.