skills.rest
ArtRiv
ArtRivCOMMUNITY
Explore all skills by this author →
GitHub

v4-new-features

Explain Phaser 4 rendering features for migrating v3 pipelines and effects.

Updated Feb 11, 2026
Search Tags:#filters#phaser-4#rendernodes#webgl-shaders#gpu-tilemaps#tint-modes
One-click install
npx skills add https://github.com/ArtRiv/game-topicos-especiais --skill v4-new-features-artriv
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: v4-new-features
Source: https://github.com/ArtRiv/game-topicos-especiais/tree/main/skills/v4-new-features
Command: npx skills add https://github.com/ArtRiv/game-topicos-especiais --skill v4-new-features-artriv

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Phaser 4 developers need a clear, practical map of what’s new—especially rendering changes—so they can choose the right objects, components, and migration paths instead of guessing API differences from v3.

Core Features & Use Cases

  • Filters replacing FX/BitmapMask: Apply shader-based visual effects using internal vs external passes to any supported object or camera.
  • RenderNodes replacing Pipelines: Understand the RenderNode graph model (roles, batching, submitters/transformers/texturers) and how to extend it with custom nodes.
  • New GPU-capable objects and components: Use CaptureFrame, Gradient, Noise variants, SpriteGPULayer, and TilemapGPULayer alongside Lighting, RenderSteps, and new tint modes.
  • Practical v3-to-v4 orientation: Find the key removals/additions and use the referenced v3 migration skill to reduce integration risk.

Quick Start

Use the v4-new-features skill to identify the correct Phaser 4 replacements for rendering features you used in v3 (like FX/Pipelines) and to map them to Filters, RenderNodes, GPU layers, and updated tint modes.

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 pipelines to the Phaser 4 RenderNode graph?▼

Migrate Phaser 3 pipelines to the Phaser 4 RenderNode graph by replacing custom pipeline logic with RenderNode roles like submitters, transformers, and texturers. Extend the graph by creating custom RenderNodes to handle batching and texture operations within the new architecture.

What is the replacement for Phaser 3 FX and BitmapMask in Phaser 4?▼

The replacement for Phaser 3 FX and BitmapMask in Phaser 4 is the Filters system. Filters apply shader-based visual effects using internal or external passes to any supported game object or camera, offering a unified approach to post-processing and masking.

When should I use SpriteGPULayer and TilemapGPULayer in Phaser 4?▼

Use SpriteGPULayer and TilemapGPULayer in Phaser 4 when you need GPU-capable game objects for high-performance rendering. These new layers run entirely on the GPU, optimizing rendering for large numbers of sprites and tilemaps without heavy CPU overhead.

Does Phaser 4 require WebGL for rendering features like filters and GPU layers?▼

Yes, Phaser 4 requires WebGL for its newest rendering features. Components like filters, RenderNodes, SpriteGPULayer, TilemapGPULayer, and updated tint modes are WebGL-only, meaning they will not function in a Canvas-only rendering environment.

How do tint modes work in Phaser 4 compared to Phaser 3?▼

Tint modes in Phaser 4 are updated to align with the new WebGL rendering architecture. The system provides documentation-driven guidance to accurately map and apply these tint modes, replacing the older v3 approach with the correct v4 component configuration.

What are the limitations of using RenderNodes instead of custom pipelines in Phaser 4?▼

A limitation of RenderNodes in Phaser 4 is the architectural shift from v3 pipelines, requiring developers to learn the new graph model of roles, batching, and submitters. You must map removals and additions accurately to avoid integration risk during migration.

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
Dominik-SteinwegDominik-Steinweg

v4-new-features

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

Community
Advanced
simon-tannasimon-tanna

v4-new-features

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

Community
Advanced
tja688tja688

v4-new-features

Document Phaser 4 WebGL rendering migration from v3 pipelines to RenderNodes and Filters.

Community
Intermediate