Shader effect

Introduction¶

Shader effect of camera.

Register post-fx pipeline in game config

import PostFxClass from 'path';
var config = {
    // ...
    pipeline: [PostFxClass]
    // ...
};
var game = new Phaser.Game(config);

Some post-fx pipelines:

Barrel: Barrel post processing filter.
Color replace: Replace color post processing filter.
Cross-stitching: Cross-stitching post processing filter.
Dissolve: Dissolve transition post processing filter.
Fish eye: Fish-eye post processing filter.
Glow-filter: Glow post processing filter.
Glow-filter: Glow post processing filter, ported from pixi.
Gray-scale: Gray scale post processing filter.
Hsl-adjust: Adjust color in HSL domain, post processing filter.
Horri-fi: 6-in-1 post processing filter.
Inverse: Inverse color post processing filter.
Kawase-blur: Kawase-blur post processing filter.
Pixelation: Pixelation post processing filter.
Toonify: Draw outlines and quantize color in HSV domain, post processing filter.
Shockwave: Shockwave post processing filter.
Split: Split image into 4 parts.
Swirl: Swirl post processing filter.
Warp: Warp post processing filter.

camera.setPostPipeline(PostFxClass);

Remove a kind of post-fx pipeline

camera.removePostPipeline(PostFxClass);

Remove all post-fx pipelines

camera.resetPipeline(true);

or

camera.postPipelines = [];
camera.hasPostPipeline = false;

var pipelineInstance = camera.getPostPipeline(PostFxClass);