OpenGL ES 着色器多纹理

Question

我正在创建一个 3D 风景。到目前为止，我已经创建了一个用顶点和面创建的网格，而且看起来都不错。我已经对其应用了一个纹理，但希望有多个纹理可能基于高度。我想我需要一个着色器来做到这一点。

我是着色器的新手，但到目前为止，我一直遵循这个tutorial 并将两个纹理混合在一起。但是，我想在某些高度（或位置）完全淡出一个纹理并让另一个完整显示。

我真的不知道如何使用着色器来解决这个问题。有人可以就如何开始提供一些建议吗？

Answer 1

为了论证，假设您的源几何图形从 y=0 运行到 y=1，并且您希望第二个纹理在 y=0 时完全透明，而在 y=1 时完全不透明。然后你可以添加一个附加变量，命名为secondTextureAlpha 或类似的东西。使用着色器中的预转换 y 值加载它，然后组合来自源纹理的传入值，以便第二个乘以 secondTextureAlpha，如果你想坚持加法混合，或者通过 mix 函数乘法。

例如片段着色器最终可能看起来像：

varying vec3 lightDir,normal;
varying lowp float secondTextureAlpha;
uniform sampler2D tex,l3d;

void main()
{
    vec3 ct,cf;
    vec4 texel;
    float intensity,at,af;
    intensity = max(dot(lightDir,normalize(normal)),0.0);

    cf = intensity * (gl_FrontMaterial.diffuse).rgb +
                      gl_FrontMaterial.ambient.rgb;
    af = gl_FrontMaterial.diffuse.a;
    texel = mix(texture2D(tex,gl_TexCoord[0].st),

          texture2D(l3d,gl_TexCoord[0].st), secondTextureAlpha);
    ct = texel.rgb;
    at = texel.a;
    gl_FragColor = vec4(ct * cf, at * af);

}

要实现更复杂的映射，只需调整在顶点着色器中加载secondTextureAlpha 的方式，或者将其作为输入属性。