filters-and-postfx

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

Updated Apr 20, 2026
One-click install
npx skills add https://github.com/Raphe-dev/phaser-cozy-mmo --skill filters-and-postfx
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: filters-and-postfx
Source: https://github.com/Raphe-dev/phaser-cozy-mmo/tree/main/skills/filters-and-postfx
Command: npx skills add https://github.com/Raphe-dev/phaser-cozy-mmo --skill filters-and-postfx

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Applying visual filters and post-processing effects in Phaser 4 can be complex and performance-sensitive; this skill consolidates how to enable and apply filters like bloom, blur, glow, color matrix, displacement, and custom shaders.

Core Features & Use Cases

  • Internal vs External filters distinctions and how to apply to objects vs cameras.
  • Example usage of glow, blur, masks, and color matrix across scenes.
  • Performance considerations and recommended patterns (ParallelFilters for bloom, etc.)

Quick Start

Enable filters on a sprite and apply a glow to see the effect.

Frequently Asked Questions about filters-and-postfx

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

FAQPage Schema
How do I apply post-processing effects to game objects in Phaser 4?

To apply post-processing effects in Phaser 4, you must enable filters on a game object and use the FilterList to add, configure, and chain visual effects like glow, blur, and bloom.

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

Internal and external filters distinguish whether post-processing effects are applied locally to specific game objects or externally across screen-space contexts like cameras, affecting how you configure the effect chain.

How do I add a glow or blur effect to a sprite in Phaser 4?

You can add a glow or blur effect to a sprite by enabling its filters and adding the desired effect to the object's FilterList, which allows you to configure visual intensity and chain multiple filters.

What are the performance considerations for using bloom and shaders in Phaser 4?

When using bloom and custom shaders in Phaser 4, performance considerations include using recommended patterns like ParallelFilters for bloom and understanding the impact of chaining multiple screen-space effects.

Can I use custom shaders and color matrices for camera post-processing in Phaser 4?

Yes, you can apply custom shaders and color matrices to camera post-processing in Phaser 4 by utilizing the FilterList to manage screen-space visual effects across entire scenes.