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

filters-and-postfx

Apply Phaser 4 GPU filters to objects and cameras for post-processing effects.

Updated Feb 11, 2026
Search Tags:#filters#shaders#webgl#masking#post-processing#glow#phaser 4
One-click install
npx skills add https://github.com/ArtRiv/game-topicos-especiais --skill filters-and-postfx-artriv
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: filters-and-postfx
Source: https://github.com/ArtRiv/game-topicos-especiais/tree/main/skills/filters-and-postfx
Command: npx skills add https://github.com/ArtRiv/game-topicos-especiais --skill filters-and-postfx-artriv

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you apply and tune GPU-based visual filters and post-processing effects in Phaser 4 so your scenes look polished instead of flat.

Core Features & Use Cases

  • Internal vs External Filters: Choose whether effects run in object-local space or in screen space for correct visuals and better performance.
  • FilterList + Controllers: Add, order, enable/disable, and configure built-in filter controllers like Glow, Blur, Vignette, Mask, and ColorMatrix.
  • Practical Effects: Build glow/bloom-like results with ParallelFilters, create reveal transitions with Wipe, and mask sprites using texture or game object sources.

Quick Start

Enable filters on a sprite, then add an internal glow so the effect follows the object’s transform.

Frequently Asked Questions about filters-and-postfx

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

FAQPage Schema
How do I add a glow filter to a sprite in Phaser 4?▼

To add a glow filter in Phaser 4, call enableFilters() on your sprite, then add a Glow controller to its FilterList. Configure the controller properties to tune the glow intensity and color.

What is the difference between internal and external filters in Phaser 4?▼

Internal filters run in object-local space so effects follow the object's transform, while external filters run in screen space for post-processing effects like camera-wide vignettes and transitions.

How do I apply post-processing effects to a Phaser 4 camera?▼

Apply post-processing effects to a Phaser 4 camera by configuring its FilterList controllers. Add external filters like ColorMatrix for color grading or Vignette to process the entire screen-space output.

Can I mask sprites using game objects in Phaser 4?▼

Yes, you can mask sprites in Phaser 4 by adding a Mask filter to the sprite's FilterList. Configure the mask source using either a texture or another game object to control visibility.

Why does my Phaser 4 visual filter render incorrectly?▼

Visual filters render incorrectly when internal and external contexts are mismatched or effects are chained out of order. Ensure you use enableFilters() and order FilterList controllers properly for correct rendering.

Related Skills

Explore More Software Engineering Skills→
simon-tannasimon-tanna

filters-and-postfx

Apply GPU-based filters and post-processing effects to Phaser 4 games.

Community
Intermediate
WanderTheWeebWanderTheWeeb
1

filters-and-postfx

Apply GPU-based Phaser 4 visual filters and post-processing effects to cameras and game objects.

Community
Intermediate
47thtechcorner47thtechcorner
21

threejs-postprocessing

Implement post-processing pipelines with bloom and depth of field in Three.js.

Community
Advanced
arnaudruffinarnaudruffin

filters-and-postfx

Apply GPU-based visual filters and post-processing effects in Phaser 4 scenes.

Community
Advanced