phaser4-gamedev

Build and migrate Phaser 4 2D browser games with rendering and asset validation.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you build and migrate 2D browser games in Phaser 4 without falling into common rendering, texture, and API compatibility traps.

Core Features & Use Cases

  • Phaser 4 Game Development: Guides scene structure, rendering-path choices, physics selection, and frame-rate independent gameplay implementation.
  • Phaser 3 Migration Support: Identifies hotspots such as masks, FX, lighting, pipelines, shaders, DynamicTexture, RenderTexture, and TileSprite behavior changes.
  • Asset and Performance Guidance: Helps validate spritesheet metadata, texture orientation, batch-breaking effects, and GPU-layer tradeoffs before bugs reach production.
  • Use Case: Use this Skill when porting an older Phaser 3 game to Phaser 4, or when planning a new Phaser 4 game that depends on correct texture loading and efficient rendering.

Quick Start

Ask the skill to review your Phaser 4 game plan or migration target and recommend the correct rendering path, asset checks, and API updates.

Frequently Asked Questions about phaser4-gamedev

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

FAQPage Schema
How do I migrate a Phaser 3 game to Phaser 4 without breaking rendering?

Migrating from Phaser 3 to Phaser 4 requires updating masks, FX, lighting, pipelines, shaders, DynamicTexture, RenderTexture, and TileSprite behavior to match the new rendering architecture and avoid compatibility traps.

How do I validate spritesheet metadata and texture orientation for Phaser 4?

Validating spritesheet metadata in Phaser 4 involves checking texture orientation and batch-breaking effects before production, ensuring correct asset loading and efficient rendering workflows for atlases and spritesheets.

Does Phaser 4 support WebGL rendering paths for performance-sensitive 2D games?

Phaser 4 supports WebGL rendering paths for performance-sensitive 2D browser games, allowing developers to select optimal rendering routes and manage GPU-layer tradeoffs for efficient frame-rate independent gameplay.

Why does my Phaser 4 game have broken lighting or masks after migration?

Broken lighting or masks in Phaser 4 usually stem from API compatibility changes in rendering pipelines and shaders, requiring explicit handling of these hotspots during the Phaser 3 migration process.

Can I use DynamicTexture and RenderTexture effectively in a new Phaser 4 game?

You can use DynamicTexture and RenderTexture in Phaser 4 by applying explicit handling techniques for texture metadata and rendering changes, ensuring proper GPU layer decisions and scene architecture integration.

What is the best way to structure scenes and physics in Phaser 4?

Structuring scenes and physics in Phaser 4 involves selecting appropriate rendering paths, validating asset performance constraints, and implementing frame-rate independent gameplay logic for 2D browser games.