WebGlでのブレンドを行う適切な方法

Question

WebGLでブレンドするときにはいくつか問題があります。その1つは、ブレンドがオンのときにアルファ値に関係なくカラーがレンダリングされる方法です。暗い色の意味は、alphaが1.0に設定されていても、下の色と常に混ざっています。はい、より明るい色がアルファ値によって異なってレンダリングされるので、シェーダを設定する方法に問題はありません。

私はまだフルシーンをレンダリングする機会がありませんでしたが、現在WebGlでテストしていますので、デフォルトの背景の上に単純なオブジェクトを描画します。これらのブレンドの問題は、オブジェクトを使用して画面のすべてのビットをレンダリングすると「固定」されるのでしょうか、それともWebGLの制限ですか？このようにブレンド機能を設定

Answer 1

試してみてください。

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

デフォルトにする必要があり、少なくともFirefoxであるように思われます。