WebGLのアルファブレンディング（奥行き）

Question

ダイアグラムに示すように、2つの半透明のフェイスをWebGLで正しくブレンドするにはどうすればよいですか？

Answer 1

これを行うには通常方法は、あなたが、4人の顔にそれらの2つの顔を分割する深さによってそれらをソートして、最寄りの遠いそれらを描画する必要があります。

別のテクニックdepth peelingがありますが、それはかなり複雑です。

さらにorder independent transparencyもあります。

これらの最後の手法は、WebGL2の方が適している可能性があります。