webgl不透明度问题，闪烁

Question

我想在我的场景中添加“水”，但每当我的相机落入水中时，我都会遇到闪烁。

我创建了一个小提琴here，如果我在透明立方体内移动相机，当相机在周围移动时，接触实体立方体的面开始闪烁。

我试着禁用depthTest，它解决了闪烁问题，但当移动摄像头时，当将摄像头放在实心立方体后面，看着透明立方体时，透明立方体是可见的，所以这不是一个选项。

我在谷歌上搜索了很多，也在SO上查看了一些问题，到目前为止，我发现这是一个depth-buffer问题。另外，我读到有人应该在绘制半透明对象后绘制实体对象，但我认为three.js为我做了这件事？

总而言之，我还没有找到一个可以帮助我解决这个问题的答案，我知道在three.js / webgl中透明度不是最容易做的事情，但我希望能有一些关于如何克服这个问题的提示。

Answer 1

问题很可能是重合的面孔。

去掉触摸式的透明面。