OpenGL 着色器 - 重叠多个纹理

Question

我找不到一个图案来绘制纹理。我需要使结果片段颜色如下：

tex1 + （1-tex1alpha）*

tex2 + （1-tex1alpha-tex2alpha）*tex3

不是混合纹理，而是在图像编辑器中将一个放在其他类似图层上。

Answer 1

我并不真正使用OpenGL，所以GLSL代码可能并不完全有效。但是您正在寻找的着色器应该看起来像这样。请随时纠正任何错误。

vec4 col;
col = texture2D(tex3, uv)
if(col.a == 1) { gl_FragColor = col; return; }
col = texture2D(tex2, uv)
if(col.a == 1) { gl_FragColor = col; return; }
col = texture2D(tex1, uv)
if(col.a == 1) { gl_FragColor = col; return; }

也就是说，如果纹理的数量是固定的。如果你的纹理数量可变，你可以将它们放入纹理数组中，然后执行以下操作：

vec4 col;
for(int i = nTextures - 1; i >= 0; --i)
{
    col = texture2DArray(textures, vec3(uv, i));
    if(col.a == 1)
    {
        gl_FragColor = col;
        return;
    }
}

Answer 2

您可以将发布的公式直接写入着色器。以下方法将起作用：

uniform sampler2D sampler1;
uniform sampler2D sampler2;
uniform sampler2D sampler3;
varying vec2 texCoords;
void main()
{
    vec4 tex1 = texture(sampler1, texCoords);
    vec4 tex2 = texture(sampler2, texCoords);
    vec4 tex3 = texture(sampler3, texCoords);
    gl_FragColor = tex1 + (1 - tex1.a) * tex2 + (1 - tex1.a - tex2.a) * tex3;
};

但是，第三个参数可能会变为负数，这将产生不希望的结果。更好的是：

gl_FragColor = tex1 + (1 - tex1.a) * tex2 + max(1 - tex1.a - tex2.a, 0) * tex3;