

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:

Glow-filter: Glow post processing filter.
Gray-scale: Gray scale post processing filter.
Hsl-adjust: Adjust color in HSL domain, post processing filter.
Inverse: Inverse color post processing filter.
Outline: Outline post processing filter.
Pixelation: Pixelation post processing filter.
Toonify: Draw outlines and quantize color in HSV domain, post processing filter.
Swirl: Swirl 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);