v4-new-features

Consolidate Phaser 4 migration guidance and new feature references.

Updated Apr 16, 2026
One-click install
npx skills add https://github.com/GiantCroissant-Lunar/proto-breakout --skill v4-new-features-giantcroissant-lunar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: v4-new-features
Source: https://github.com/GiantCroissant-Lunar/proto-breakout/tree/main/.agent/skills/01-phaser/v4-new-features
Command: npx skills add https://github.com/GiantCroissant-Lunar/proto-breakout --skill v4-new-features-giantcroissant-lunar

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill consolidates learning and migration guidance for Phaser 4's new features, helping developers quickly access a centralized reference for new game objects, rendering pipelines, and tint modes.

Core Features & Use Cases

  • Provides an overview of newly added game objects (CaptureFrame, Gradient, Noise variants, SpriteGPULayer, TilemapGPULayer) and components (Lighting, RenderSteps, RenderNodes).
  • Includes migration guidance from v3 to v4 and links to relevant references for filters and existing SKILLs.

Quick Start

Open the v4-new-features guide and experiment with CaptureFrame, Gradient, Noise, and SpriteGPULayer in a Phaser 4 project.

Frequently Asked Questions about v4-new-features

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

FAQPage Schema
How do I migrate my game project from Phaser v3 to v4?

To migrate from Phaser v3 to v4, follow the consolidated migration guidance covering updated render pipelines and new game objects, ensuring your project adapts to the v4 architectural changes.

What are the new game objects and rendering features introduced in Phaser 4?

Phaser 4 introduces new game objects like CaptureFrame, Gradient, Noise, SpriteGPULayer, and TilemapGPULayer, alongside rendering components such as Lighting, RenderSteps, and the RenderNode system.

How does the Phaser 4 RenderNode system work?

The RenderNode system in Phaser 4 restructures the rendering architecture, enabling granular control over render pipelines and steps, allowing developers to define and manipulate custom rendering sequences.

Can I use SpriteGPULayer and TilemapGPULayer for optimized rendering in Phaser 4?

Yes, SpriteGPULayer and TilemapGPULayer are new game objects in Phaser 4 designed to leverage GPU processing, providing optimized rendering paths for sprites and tilemaps within the new render pipeline architecture.

What is CaptureFrame and how do I use it in a Phaser 4 render pipeline?

CaptureFrame is a new game object in Phaser 4 that allows developers to capture specific frames during the rendering process, integrating directly with the new render pipeline for advanced visual output manipulation.

Does Phaser 4 include new Lighting and Gradient components for visual effects?

Yes, Phaser 4 includes new Lighting and Gradient components, enabling developers to implement advanced visual effects and dynamic lighting scenarios directly within the updated render pipeline architecture.