skills.rest
russellmorgan
russellmorganCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

filters-and-postfx

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

Updated Jul 13, 2026
Search Tags:#game development#filters#shaders#webgl#visual effects#post-processing#phaser 4
One-click install
npx skills add https://github.com/russellmorgan/UnderConstruction --skill filters-and-postfx-russellmorgan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: filters-and-postfx
Source: https://github.com/russellmorgan/UnderConstruction/tree/main/.claude/skills/filters-and-postfx
Command: npx skills add https://github.com/russellmorgan/UnderConstruction --skill filters-and-postfx-russellmorgan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Phaser 4 replaced the v3 FX system with a new filter pipeline, and developers need accurate guidance on enabling filters, choosing internal versus external filter lists, and migrating effects like bloom and masks to the new API. ## Core Features & Use Cases - Filter Application: Add built-in filters such as blur, glow, vignette, color matrix, displacement, and barrel distortion to game objects via enableFilters() or directly to cameras. - Custom Bloom and Compositing: Build bloom effects with ParallelFilters by combining threshold, blur, and additive blending, since v4 has no dedicated Bloom filter. - Masks and Transitions: Implement alpha masks from textures or game objects and animated wipe/reveal transitions for scene changes. - Use Case: When adding a glow to a player sprite and a screen-space vignette to the camera in a Phaser 4 game, this Skill provides the exact API calls, parameter meanings, and gotchas such as WebGL-only support and immutable glow quality. ## Quick Start Ask the AI to add a glow filter to a sprite and a blur to the main camera in your Phaser 4 scene.

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 effect to a sprite in Phaser 4?▼

Call enableFilters() on the sprite first, then use sprite.filters.internal.addGlow() with color and strength parameters. Game objects require explicit opt-in, unlike cameras which have filters enabled by default.

How to create a bloom effect in Phaser 4?▼

Phaser 4 has no dedicated Bloom filter. Use ParallelFilters with a Threshold and Blur on the top path and an ADD blend mode, or automate the setup with Phaser.Actions.AddEffectBloom.

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

Internal filters run before the camera transform in object-local space and are cheaper, while external filters run after the transform in screen space and are full-screen. Use internal filters whenever possible for performance.

Do Phaser 4 filters work with the Canvas renderer?▼

No, filters are WebGL only. The enableFilters() method returns early when WebGL is unavailable, so games targeting Canvas cannot use the filter pipeline.

Why is my Phaser 4 glow filter quality not changing?▼

The quality and distance properties on the Glow filter are immutable after creation. Destroy the existing filter and recreate it with new parameters to change these values.

How do I migrate from Phaser v3 preFX and postFX to v4?▼

Replace gameObject.preFX and postFX with filters.internal and filters.external, and camera.postFX with the camera's filter lists. Masks are now filters added via addMask() instead of setMask().

Related Skills

Explore More Software Engineering Skills→
phaserjsphaserjs
40.1k

filters-and-postfx

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

Official
Advanced
XyrcesXyrces
2

3D Lighting and Environment

Configure SDFGI, VoxelGI, LightmapGI, shadows, fog, and post-processing for Godot 4 scenes.

Community
Advanced
ftnilssonftnilsson

Performance Optimization

Profile and optimize Godot 4 game performance using built-in profiler and techniques.

Community
Intermediate
autonomous-aiautonomous-ai
465

filters-and-postfx

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

Official
Intermediate