skills.rest
WanderTheWeeb
WanderTheWeebCOMMUNITY
Explore all skills by this author →
GitHub

v4-new-features

Explain Phaser 4 rendering architecture and GPU game objects for migration.

1|Updated May 3, 2026
Search Tags:#filters#gpu rendering#rendernodes#phaser 4#shader effects#tint modes#webgl only
One-click install
npx skills add https://github.com/WanderTheWeeb/papas_trauma --skill v4-new-features-wandertheweeb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: v4-new-features
Source: https://github.com/WanderTheWeeb/papas_trauma/tree/main/skills/v4-new-features
Command: npx skills add https://github.com/WanderTheWeeb/papas_trauma --skill v4-new-features-wandertheweeb

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Phaser 4 users need a clear, practical map of what changed and how to use the new rendering system and flagship game objects without getting lost in migration notes.

Core Features & Use Cases

  • Filters system (replaces FX/BitmapMask): Apply shader-based effects consistently with internal vs external execution for correct performance tradeoffs.
  • RenderNodes (replaces Pipelines): Understand how to customize rendering roles, extend render node behavior, and avoid v3-style renderer state conflicts.
  • New GPU-first capabilities: Use CaptureFrame, Gradient, Noise, SpriteGPULayer, and TilemapGPULayer, plus the Lighting, RenderSteps, and RenderNodes components.
  • New tint modes: Select explicit tint behaviors like MULTIPLY, FILL, ADD, SCREEN, OVERLAY, and HARD_LIGHT for more control than v3.

Quick Start

Use the v4-new-features skill to learn how to convert your v3 FX/Mask usage into v4 Filters and RenderNodes, then apply new tint modes to update visuals 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 Phaser 3 FX and BitmapMask to Phaser 4 filters?▼

Migrate Phaser 3 FX and BitmapMask to Phaser 4 filters by using the new shader-based filters system, choosing internal or external execution to balance performance tradeoffs. This replaces legacy pipelines with a unified GPU approach.

What are RenderNodes in Phaser 4 and how do they replace pipelines?▼

RenderNodes in Phaser 4 replace traditional pipelines by allowing you to customize rendering roles and extend node behavior without v3-style renderer state conflicts. They provide granular control over the rendering pipeline architecture.

What new GPU game objects and rendering features are available in Phaser 4?▼

New GPU game objects in Phaser 4 include CaptureFrame, Gradient, Noise, SpriteGPULayer, and TilemapGPULayer, alongside Lighting and RenderSteps components. These enable GPU-first rendering capabilities for complex visual effects.

What tint modes does Phaser 4 support for sprite rendering?▼

Phaser 4 supports explicit tint modes including MULTIPLY, FILL, ADD, SCREEN, OVERLAY, and HARD_LIGHT for sprite rendering. These modes offer more granular visual control than the default v3 tint behavior.

Does Phaser 4 rendering support WebGL only or does it work with Canvas?▼

Phaser 4 rendering features are WebGL only, meaning filters, RenderNodes, and GPU layers require a WebGL context. These rendering upgrades do not support Canvas fallback.

Related Skills

Explore More Software Engineering Skills→
ArtRivArtRiv

v3-to-v4-migration

Maps Phaser 3 APIs and workflows to Phaser 4 equivalents for migration planning and execution.

Community
Advanced
Raphe-devRaphe-dev

filters-and-postfx

Apply bloom, blur, glow, and custom shaders to Phaser 4 objects and cameras.

Community
Intermediate
simon-tannasimon-tanna

v4-new-features

Explain Phaser 4 new features, game objects, and rendering capabilities.

Community
Advanced
Dominik-SteinwegDominik-Steinweg

v4-new-features

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

Community
Advanced