canvas - examples - webgl three js documentation

Three.js: Fresnel Shader-Cambio de color o combinación de mapa env

Question

No soy un especialista en sombreadores, pero me gustaría pasar el valor de color al sombreador que podría mezclarse con el color del mapa 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;

No tengo idea. Gracias por cualquier sugerencia.

Answer 1

Para los futuros;) Primero debe modificar el FresnelShader pasando el color al sombreador. Afterwords en el fragmentoShader agrega una línea:

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

y modificando esta línea:

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

Puede agregar el color refractado.