opengl-es - WebGL 半透明が白く見える

Question

WebGL に問題があります。半透明のテクスチャは半透明に見えますが、白にもなっており、レンダリング中にテクスチャの色が考慮されていません...

それが私が設定したものです：

gl.blendFunc(BlendingFactorSrc.SRC_ALPHA, BlendingFactorDest.ONE_MINUS_SRC_ALPHA);

可能な解決策は何ですか？

Answer 1

通常、WebGLシーンで予期せず白が表示される場合は、Webページ自体のCSS背景からブレンドされます（変更しない限り、デフォルトで白になります）。

つまり、デフォルトのWebGL設定では、1.0未満のアルファ値をカラーバッファに書き込むシェーダは、<canvas>それ自体を半透明にし、Webページの背景を表示します。WebGLContextAttributes設定を変更してこの動作を無効にするか、シェーダーが常に1.0のアルファ値を出力するようにすることができると思います。