Question

我不是着色器专家，但我想将颜色值传递给可能与env地图颜色混合的着色器。

    var shader = THREE.FresnelShader;
// Thank you WestLangley for that trick
    var uniforms = THREE.UniformsUtils.merge( [

        THREE.UniformsLib[ "lights" ],
        shader.uniforms

    ] );

    uniforms[ "tCube" ].value = textureCube;

    var parameters = { fragmentShader: shader.fragmentShader, vertexShader: shader.vertexShader, uniforms: uniforms, lights : true };
    shaderMaterial = new THREE.ShaderMaterial( parameters );
    shaderMaterial.envMap = textureCube;

我很无能为力。感谢您的任何建议。

Answer 1

对于期货;）您需要首先通过将颜色传递到着色器来修改FresnelShader。 fragmentShader中的后缀添加一行：

vec4 color = vec4( colorR, colorG, colorB, 1); // colorR,G,B those are floats passed to the shader

并通过修改此行：

gl_FragColor = mix( color, reflectedColor, clamp( vReflectionFactor, 0.0, 1.0 ) );

您可以添加折射颜色。

Three.js：菲涅耳着色器 - 颜色变化或环境贴图混合

1 个答案: