v3-to-v4-migration

Outline Phaser 3 to Phaser 4 breaking changes and API differences.

Updated Jun 21, 2021
One-click install
npx skills add https://github.com/mahirocoko/mahirocoko --skill v3-to-v4-migration-mahirocoko
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: v3-to-v4-migration
Source: https://github.com/mahirocoko/mahirocoko/tree/main/plugins/phaser/skills/v3-to-v4-migration
Command: npx skills add https://github.com/mahirocoko/mahirocoko --skill v3-to-v4-migration-mahirocoko

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Migrates Phaser 3 projects to Phaser 4 by outlining breaking changes, API differences, and upgrade steps, reducing guesswork during major version migrations.

Core Features & Use Cases

  • Provides a comprehensive migration guide covering renderer changes (pipelines to render nodes), FX/masks to filters, tint system, camera system, texture coordinates, DynamicTexture, shaders, lighting, removed game objects, and a full migration checklist.
  • Useful for developers upgrading projects, answering questions about breaking changes, and planning a safe upgrade path for large codebases.
  • Serves as a reference during migration planning and code audits to ensure no critical changes are missed.

Quick Start

Run through the migration guide to plan and execute a Phaser 3 to Phaser 4 upgrade using the checklist and change details.

Frequently Asked Questions about v3-to-v4-migration

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

FAQPage Schema
How do I migrate a Phaser 3 project to Phaser 4?

Migrate Phaser 3 projects to Phaser 4 by following a comprehensive guide that outlines breaking changes, API differences, and upgrade steps, using a full migration checklist to ensure a safe upgrade.

What are the breaking changes in Phaser 4?

Breaking changes in Phaser 4 include renderer updates transitioning pipelines to render nodes, FX and masks converting to filters, and modifications to the tint system, camera system, and texture coordinates.

Does Phaser 4 still use the same pipeline system as Phaser 3?

No, Phaser 4 migrates the renderer system from pipelines to render nodes, requiring developers to update their rendering logic and pipeline references during the upgrade process.

How do I handle FX and masks when upgrading to Phaser 4?

When upgrading to Phaser 4, you must migrate FX and masks to the new filters system, mapping these changes to concrete tasks to ensure no critical visual modifications are missed.

What is the best way to plan a large codebase upgrade to Phaser 4?

The best way to plan a large codebase upgrade to Phaser 4 is to use a migration guide and checklist to map changes to concrete tasks, serving as a reference during code audits.