webgl에서 반투명 색상을 설정하는 방법은 무엇입니까?

Question

나는 개체의 색상에 대한이 튜토리얼 빨간색 : http://learningwebgl.com/blog/?p=134

빨간색 사각형을 만듭니다이 코드 :

squareVertexColorBuffer = gl.createBuffer(); 
gl.bindBuffer(gl.ARRAY_BUFFER, squareVertexColorBuffer); 
colors = [] 
for (var i=0; i < 4; i++) { 
    colors = colors.concat([1.0, 0.0, 0.0, 1.0]); 
} 
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(colors), gl.STATIC_DRAW); 

가 작동하지만이에 대한 코드를 수정하는 경우 :

colors = colors.concat([1.0, 0.0, 0.0, 0.5]); 

을 다음 물체가 반투명하지 않고 핑크색입니다. 나는 모릅니다. 왜 분홍색입니까? 객체의 색상 때문에 녹색 배경, 녹색, 핑크 사이 여야합니다 : 당신이 사용할 수 블렌딩 않았을 수 있습니다처럼 소리

gl.clearColor(0.0, 1.0, 0.0, 1.0); 
gl.enable(gl.DEPTH_TEST); 

Answer 1

. 초기화 코드에 다음 줄을 추가하십시오 :

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

그리고 다른 결과가 나오는지보십시오. 블렌드 모드가 원하는대로 정확하게되지 않을 수도 있지만 작동하는 경우 적어도 표시해야합니다.

블렌딩에 대한 자세한 내용은 Learning WebGL Lesson 8을 확인하십시오.