title: WebGL transparent black
body: <p>I have a strange problem that I can't figure out when trying to do blending in WebGL. Black is rendered fully transparent , and everything with shades of grey in it is rendered also semi transparent. I have set it to use the alpha channel as the source for transparency, and in some respect it works, every thing that isn't black/grey is rendered differently when changing the alpha value. but even when I set the alpha to 1, black is still displayed transparent.</p>
  
  <p>This is how I enable transparency:</p>
  
  <pre><code>this.gl.blendFunc(this.gl.SRC_ALPHA, this.gl.ONE);
  this.gl.enable(this.gl.BLEND);
  this.gl.disable(this.gl.DEPTH_TEST);
  </code></pre>
  
  <p>And the part of the shader that does transparency:</p>
  
  <pre><code>   gl_FragColor = vec4(texColor.rgb * vLightWeight, texColor.a * uAlpha);
  </code></pre>
  
  <p>where texColor is the texture color that is being sampled, vLightWeight is the shadowing that is being calculated in the vertex shader, and uAlpha the uniform which I use for transparency.</p>