playcanvas

Version:

Open-source WebGL/WebGPU 3D engine for the web

19 lines (15 loc) • 661 B

JavaScript

var composeFringingPS = /* wgsl */ `
    #ifdef FRINGING
        uniform fringingIntensity: f32;

        fn applyFringing(color: vec3f, uv: vec2f) -> vec3f {
            // offset depends on the direction from the center
            let centerDistance = uv - 0.5;
            let offset = uniform.fringingIntensity * centerDistance * centerDistance;

            var colorOut = color;
            colorOut.r = textureSample(sceneTexture, sceneTextureSampler, uv - offset).r;
            colorOut.b = textureSample(sceneTexture, sceneTextureSampler, uv + offset).b;
            return colorOut;
        }
    #endif
`;

export { composeFringingPS as default };