webgl着色器-分割通道RGBA

Question

只需将png图像的通道分开即可表示纹理散裂而不会相互融合。下面是一个代码示例，它表达了我为简单起见要实现的目标：

uniform sampler2D my-alpha-png;
uniform sampler2D texture1;
uniform sampler2D texture2;
uniform sampler2D texture3;

vec4 alpha   = texture2D( my-alpha-png, vUV).rgba;
vec4 tex0    = texture2D( texture1, vUV *10.0 ).rgba; 
vec4 tex1    = texture2D( texture2, vUV *10.0 ).rgba; 
vec4 tex2    = texture2D( texture3, vUV *10.0 ).rgba;   

vec4 colornone = alpha.a; // i want this channel to be blank;
vec4 color1  = alpha.r;  // this is texture1
vec4 color2  = alpha.g;  // this is texture2
vec4 color3  = alpha.b;  // this is texture3

gl_FragColor = // ????

我已经尝试了许多变体，我只能设法获得两个纹理，但是alpha始终也是纹理，下面是图像alpha png：

我更感兴趣的是拆分通道以表示输出，只需要四个通道r，g，b，不需要计算黑白...

谢谢。

Answer 1

我玩耍，并提出了一个解决方案：

 vec4 final = (alpha.r * tex0) + (alpha.g *tex1) + (alpha.b * tex2) ;

似乎仅使用alpha-map png图像中的绿色，红色，蓝色通道即可正常工作。