phaser-gamedev

Develop 2D browser games with Phaser 3 scene architecture and physics.

Updated Feb 27, 2026
One-click install
npx skills add https://github.com/Sanali209/pla_teplate --skill phaser-gamedev-sanali209
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: phaser-gamedev
Source: https://github.com/Sanali209/pla_teplate/tree/main/_blueprint/skills/phaser-gamedev
Command: npx skills add https://github.com/Sanali209/pla_teplate --skill phaser-gamedev-sanali209

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates the steep learning curve and repetitive boilerplate work of building 2D browser games with Phaser 3, letting developers focus on game design instead of framework setup and low-level configuration errors.

Core Features & Use Cases

  • Scene-Based Game Architecture: Standardized patterns for boot, menu, gameplay, and UI scenes with proper state management and transitions.
  • Physics & Interaction Systems: Pre-built guidance for Arcade/Matter physics, collision detection, input handling (keyboard, pointer, touch), and sprite animations.
  • Use Case: A developer building a 2D platformer can use this Skill to quickly scaffold scene structure, implement player movement with Arcade physics, add tilemap collision, and set up sprite animations without manually writing boilerplate Phaser configuration code.

Quick Start

Use the phaser-gamedev skill to scaffold a new 2D platformer project with Arcade physics, player movement, and tilemap collision support.

Frequently Asked Questions about phaser-gamedev

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

FAQPage Schema
How do I structure a Phaser 3 game with multiple scenes?

Manage Phaser 3 game architecture by separating boot, menu, gameplay, and UI scenes with standardized patterns. This ensures proper state management and smooth transitions while eliminating repetitive boilerplate configuration.

How do I set up tilemap collision in a 2D platformer using Phaser?

Set up tilemap collision by integrating Tiled map data with the Arcade physics system. This enables automatic sprite collision detection against platformer level geometry, ensuring accurate frame-rate independent movement.

What is the best way to handle physics and input in Phaser 3?

Handle physics and input by applying pre-built patterns for Arcade or Matter physics alongside keyboard and pointer event systems. This guarantees maintainable, performant code through proper object pooling and physics system selection.

Does this Phaser development approach support both top-down shooters and physics puzzles?

Yes, this Phaser development approach supports top-down shooters, 2D platformers, and physics puzzles. It provides standardized patterns for physics integration, sprite animations, and scene lifecycle management across various common 2D game genres.

Why does my Phaser game suffer from performance drops during asset loading?

Phaser games suffer performance drops without proper asset pipeline discipline and object pooling. Enforcing best practices for physics system selection and asset handling prevents low-level configuration errors and maintains smooth gameplay.