three.js / WebGL:使用alpha纹理出现/消失的面孔

时间:2015-06-28 21:27:03

标签: three.js webgl

我遇到了两个网格问题,其中包括" top"具有带alpha通道的纹理的网格。它应该看起来类似于:

enter image description here

它确实......大约一半时间。其余的看起来像:

Keeping an open mind, a bit too literally.

现在,我对原因有个好主意。由于两个对象的面占据相同的位置,因此三个.js / webGL会有点混淆,并且选择简单地丢弃底部对象上的那些面,而不管由于具有alpha通道的纹理,两个面应该画出来。

麻烦的是,我不知道如何启发"它 - 可以这么说。我遇到的所有透明度/混合/绘制解决方案都涉及绘制两个半透明对象,对象排序或具有alpha阈值以丢弃半透明对象上的片段。不用说,这些似乎都没有帮助。

我如何"强迫"在具有alpha纹理的对象下绘制不透明面?

0 个答案:

没有答案