phaser/filters/BinarySerpents.js

/**
* Original shader by Trisomie21 (https://www.shadertoy.com/view/MslGRH)
* Tweaked, uniforms added and converted to Phaser/PIXI by Richard Davey
*/
Phaser.Filter.BinarySerpents = function (game) {

    Phaser.Filter.call(this, game);

    this.uniforms.march = { type: '1i', value: 100 };
    this.uniforms.maxDistance = { type: '1f', value: 5.0 };
    this.uniforms.fog = { type: '1f', value: 5.0 };

    this.fragmentSrc = [

        "precision mediump float;",
        "uniform vec3      resolution;",
        "uniform float     time;",
        "uniform int       march;",
        "uniform float     maxDistance;",
        "uniform float     fog;",

        "// With tweaks by PauloFalcao and Richard Davey",

        "float Texture3D(vec3 n, float res) {",
            "n = floor(n*res+.5);",
            "return fract(sin((n.x+n.y*1e5+n.z*1e7)*1e-4)*1e5);",
        "}",

        "float map( vec3 p ) {",
            "p.x+=sin(p.z*4.0+time*4.0)*0.1*cos(time*0.1);",
            "p = mod(p,vec3(1.0, 1.0, 1.0))-0.5;",
            "return length(p.xy)-.1;",
        "}",

        "void main( void )",
        "{",
            "vec2 pos = (gl_FragCoord.xy*2.0 - resolution.xy) / resolution.y;",
            "vec3 camPos = vec3(cos(time*0.3), sin(time*0.3), 1.5);",
            "vec3 camTarget = vec3(0.0, 0.0, 0.0);",

            "vec3 camDir = normalize(camTarget-camPos);",
            "vec3 camUp  = normalize(vec3(0.0, 1.0, 0.0));",
            "vec3 camSide = cross(camDir, camUp);",
            "float focus = 2.0;",

            "vec3 rayDir = normalize(camSide*pos.x + camUp*pos.y + camDir*focus);",
            "vec3 ray = camPos;",
            "float d = 0.0, total_d = 0.0;",
            "const int MAX_MARCH = 100;",
            "float c = 1.0;",

            "for (int i=0; i < MAX_MARCH; ++i) {",
                "if (i < march) {",
                    "d = map(ray);",
                    "total_d += d;",
                    "ray += rayDir * d;",
                    "if(abs(d)<0.001) { break; }",
                    "if(total_d>maxDistance) { c = 0.; total_d=maxDistance; break; }",
                "}",
            "}",

            "vec4 result = vec4( vec3(c*.4 , c*.6, c) * (fog - total_d) / fog, 1.0 );",

            "ray.z -= 5.+time*.5;",
            "float r = Texture3D(ray, 33.);",
            "gl_FragColor = result * (step(r, .3) + r * .2 + .1);",
        "}"
    ];

};

Phaser.Filter.BinarySerpents.prototype = Object.create(Phaser.Filter.prototype);
Phaser.Filter.BinarySerpents.prototype.constructor = Phaser.Filter.BinarySerpents;

Phaser.Filter.BinarySerpents.prototype.init = function (width, height, march, maxDistance) {

    if (typeof march === 'undefined') { march = 100; }
    if (typeof maxDistance === 'undefined') { maxDistance = 5.0; }

    this.setResolution(width, height);
    this.uniforms.march.value = march;
    this.uniforms.maxDistance.value = maxDistance;

}

Object.defineProperty(Phaser.Filter.BinarySerpents.prototype, 'fog', {

    get: function() {
        return this.uniforms.fog.value;
    },

    set: function(value) {
        this.uniforms.fog.value = value;
    }

});