WebGL的片段着色器透明度

Question

好吧，首先，我在GLSL shader非常新，而且我想

#ifdef GL_ES 
    //precision mediump float; 
    precision highp float; 
    #endif 

    uniform vec2 uTimes; 

    varying vec2 texCoord; 
    varying vec2 screenCoord; 

    void main(void) { 
     vec3 col; 
     float c; 
     vec2 tmpv = texCoord * vec2(0.8, 1.0) - vec2(0.95, 1.0); 
     c = exp(-pow(length(tmpv) * 1.8, 2.0)); 
     col = mix(vec3(0.02, 0.0, 0.03), vec3(0.96, 0.98, 1.0) * 1.5, c); 
     gl_FragColor = vec4(col * 0.5, 0); 
    } 

到目前为止环绕以下着色器我的头，我知道它给了我一个径向渐变（可能）。我真正想知道的是如何使它完全透明。我在想，我需要一个vec4，对吧？

Answer 1

您需要打开混合。

见http://www.senchalabs.org/philogl/PhiloGL/examples/lessons/8/和http://learningwebgl.com/blog/?p=859。

没有混合，颜色的深浅和缓冲区将不照顾什么是以前在缓冲区，它只是简单地覆盖数据进行更新。通过混合，并根据您使用的混合函数类型，缓冲区将使用将预先渲染的数据转化为计数的数据进行更新。

这是对你有意思的部分：

gl.blendFunc(gl.SRC_ALPHA, gl.ONE); 
gl.enable(gl.BLEND); 
gl.disable(gl.DEPTH_TEST); 

希望这有助于。