skills.rest
AhmedAbdelmoaty
AhmedAbdelmoatyCOMMUNITY
Explore all skills by this author →
GitHub

phaser-gamedev

Plans Phaser 3 scenes, physics, asset loading, and runtime structure for browser games.

Updated Jun 4, 2026
Search Tags:#game development#performance#phaser#tilemaps#arcade physics#spritesheets
One-click install
npx skills add https://github.com/AhmedAbdelmoaty/frame-craft-35 --skill phaser-gamedev-ahmedabdelmoaty
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: phaser-gamedev
Source: https://github.com/AhmedAbdelmoaty/frame-craft-35/tree/main/references/imported-projects/root-phaser-starter/.agents/skills/phaser-gamedev
Command: npx skills add https://github.com/AhmedAbdelmoaty/frame-craft-35 --skill phaser-gamedev-ahmedabdelmoaty

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you build reliable 2D browser games in Phaser 3 by choosing the right architecture, physics, and asset-loading approach before implementation. It reduces guesswork around scenes, collisions, spritesheets, tilemaps, pooling, and performance issues that often cause broken gameplay or hard-to-debug rendering problems.

Core Features & Use Cases

  • Phaser 3 Architecture Guidance: Plan scene structure, state flow, and game configuration for menus, gameplay, HUDs, and transitions.
  • Physics and Performance Patterns: Apply Arcade Physics, object pooling, collision tuning, and frame-rate-independent movement for stable runtime behavior.
  • Asset and Level Integration: Load and validate spritesheets, nine-slice UI panels, tilemaps, object layers, and animated tiles with measurement-first workflows.
  • Use Case: A developer can use this Skill to set up a platformer prototype, verify a spritesheet’s frame dimensions, configure tilemap collisions, and optimize enemy or bullet spawning without trial-and-error.

Quick Start

Ask for a Phaser 3 game plan that defines the scenes, physics system, asset-loading strategy, and collision setup for your specific prototype.

Frequently Asked Questions about phaser-gamedev

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

FAQPage Schema
How do I plan Phaser 3 scene structure and state flow for a 2D browser game?▼

Set up Phaser 3 tilemap collisions by configuring object layers and collision tuning within the game architecture. This measurement-first integration workflow validates animated tiles and prevents hard-to-debug rendering problems during level design.

What is the best way to configure Arcade Physics and object pooling in Phaser?▼

Verify spritesheet frame dimensions in Phaser 3 using a measurement-first workflow for asset loading and validation. This process prevents broken gameplay caused by misaligned animation frames and ensures accurate rendering.

Can I use nine-slice UI panels and animated tiles with Phaser 3?▼

Optimize Phaser 3 game runtime performance by implementing object pooling, frame-rate-independent movement, and collision tuning. These patterns reduce frame drops and ensure stable behavior when spawning enemies or bullets.

Why does my Phaser 3 game have broken gameplay and rendering problems?▼

Before building a Phaser 3 game, prepare 2D assets like spritesheets and tilemaps, and configure a basic browser game environment. This setup provides the foundational elements required for scene lifecycle design and asset loading workflows.

Related Skills

Explore More Software Engineering Skills→
KadajettKadajett

phaser-gamedev

Guide Phaser 3 development of 2D browser games with scenes, physics, and input.

Community
Intermediate
RedKenrokRedKenrok
1

{{SKILL_NAME}}

Measure elapsed time and control frame rate using the love.timer API in LÖVE games.

Community
Basic
Sanali209Sanali209

phaser-gamedev

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

Community
Intermediate
jhaugajhauga

game-engine

Create web-based games with HTML5, Canvas, WebGL, and JavaScript frameworks.

Community
Advanced