Odd colors in custom shader

[maurocolella]

Hi,

I am trying to implement a basic shader, just a port of:
https://www.shadertoy.com/view/ltVSRK

But I can't get the colors to look right.

For some reason, I don't seem to be able to retrieve the proper rgb.

        "#include <common>",

        // blur samples
        "const int SAMPLES = 10;",

        "uniform float radius;",

        "uniform sampler2D tDiffuse;",

        "varying vec2 vUv;",

        "void main() {",

        // sample the source
        "    vec2 uv = vUv;",

        "    vec4 texel = texture2D( tDiffuse, vUv );",
        "    vec3 res = vec3(0);",

        "    for(int i = 0; i < SAMPLES; ++i) {",
        "        res += texel.rgb;",
        "        vec2 d = vec2(1.0) - uv;",
        "        uv += d * radius;",
        "    }",

        "    gl_FragColor = vec4(res, 1.0);", // vec4(res/float(SAMPLES), texel.w);",

        "}"

[drcmda]

threejs doesn't have srgb colorspace enabled by default, they use a linear cs. and even if you enable it (<Canvas colorManagement ... />) i dont think it will affect shaders, you need to import some color conversion functions most likely from threes shaderchunk. i think textures need conversion, too. but this is over my head, i think you will have better luck in threejs discourse forum.

[maurocolella]

Thank you. There was an error in my own port, as the sample should be retrieved dynamically inside the loop. Still, the color format is, to me, unusual.