skills.rest
kehwar
kehwarCOMMUNITY
Explore all skills by this author →
GitHub

v4-new-features

Document Phaser 4 features and migration paths from v3.

Updated Apr 26, 2026
Search Tags:#rendering#migration#webgl#game-development#phaser4
One-click install
npx skills add https://github.com/kehwar/pixi-square --skill v4-new-features-kehwar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: v4-new-features
Source: https://github.com/kehwar/pixi-square/tree/main/.agents/skills/v4-new-features
Command: npx skills add https://github.com/kehwar/pixi-square --skill v4-new-features-kehwar

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Learn and understand Phaser 4's new features, components, and rendering capabilities to streamline development and migration from v3.

Core Features & Use Cases

  • Covers Filters, RenderNodes, CaptureFrame, Gradient, Noise, SpriteGPULayer, TilemapGPULayer, Lighting component, RenderSteps, and new tint modes.
  • Provides a source file map linking features to implementation sources (e.g., CaptureFrame.js, Gradient.js, SpriteGPULayer.js, TilemapGPULayer.js) and migration guidance.
  • Useful for developers migrating Phaser codebases and exploring advanced rendering capabilities.

Quick Start

Summarize the Phaser 4 new features and migration guidance covered in this skill.

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 codebase from Phaser 3 to Phaser 4?▼

Migrating from Phaser 3 to Phaser 4 requires understanding new components and rendering capabilities. This Skill provides a source file map linking features to implementation sources and specific migration guidance to streamline the transition.

What new rendering features are available in Phaser 4?▼

Phaser 4 introduces advanced rendering capabilities including Filters, RenderNodes, CaptureFrame, Lighting, RenderSteps, and new tint modes. These components accelerate development by expanding WebGL rendering options for game objects.

How do I use SpriteGPULayer and TilemapGPULayer in Phaser 4?▼

SpriteGPULayer and TilemapGPULayer are new Phaser 4 game objects for optimized rendering. This Skill maps these features to their implementation sources, providing a reference guide to understand and apply them in game development.

Can I generate Gradient and Noise textures in Phaser 4?▼

Yes, Phaser 4 includes Gradient and Noise components for procedural texture generation. The Skill references implementation sources like Gradient.js to help developers explore and integrate these visual effects into their projects.

What is the best way to explore Phaser 4 game objects and components?▼

The best way to explore Phaser 4 features is through a source file map that links capabilities to implementation sources. This Skill serves as a reference guide covering new game objects, rendering capabilities, and migration paths.

Related Skills

Explore More Software Engineering Skills→
Dominik-SteinwegDominik-Steinweg

v4-new-features

Document Phaser 4 WebGL rendering migration and new game object implementation.

Community
Advanced
diegolinharesdiegolinhares

v4-new-features

Introduce Phaser 4 rendering features and game objects like RenderNodes and SpriteGPULayer.

Community
Advanced
chongdashuchongdashu
143

phaser4-gamedev

Build and migrate Phaser 4 2D browser game systems with WebGL-first rendering.

Community
Advanced
ckyeonckyeon

v4-new-features

Document new game objects, components, and rendering features in Phaser 4.

Community
Advanced