@petkoneo/phaser3-rex-plugins/plugins/shaders/hsladjust/HslAdjustPostFxPipeline.js

Plugins of phaser3

import FragSrc from './hslAdjust-frag.js';

const PostFXPipeline = Phaser.Renderer.WebGL.Pipelines.PostFXPipeline;
const GetValue = Phaser.Utils.Objects.GetValue;

class HslAdjustPostFxPipeline extends PostFXPipeline {
    constructor(game) {
        super({
            name: 'rexHslAdjustPostFx',
            game: game,
            renderTarget: true,
            fragShader: FragSrc
        });

        this.hueRotate = 0;
        this.satAdjust = 1;
        this.lumAdjust = 0.5;
    }

    resetFromJSON(o) {
        this.setHueRotate(GetValue(o, 'hueRotate', 0));
        this.setSatAdjust(GetValue(o, 'satAdjust', 1));
        this.setLumAdjust(GetValue(o, 'lumAdjust', 0.5));
        return this;
    }

    onPreRender() {
        this.set1f('hueRotate', (this.hueRotate) % 1);
        this.set1f('satAdjust', this.satAdjust);
        this.set1f('lumAdjust', this.lumAdjust);
    }

    // hueRotate
    setHueRotate(value) {
        this.hueRotate = value; // 0: rotate 0 degrees, 0.5: rotate 180 degrees, 1: rotate 360 degrees
        return this;
    }

    // satAdjust
    setSatAdjust(value) {
        this.satAdjust = value;  // 0: gray, 1: original color, > 1: 
        return this;
    }

    // lumAdjust
    setLumAdjust(value) {
        this.lumAdjust = value;  // 0: dark, 0.5: original color, 1: white
        return this;
    }
}

export default HslAdjustPostFxPipeline;