webgl不透明問題，閃爍

Question

我想給我的場景添加「水」，但每當我的相機進入水中時，我都會發生閃爍現象。

我創建了一個小提琴here，如果我將相機移動到透明立方體內，接觸立體立方體表面的臉部在周圍移動時會開始閃爍。

我試着禁用了depthTest，它解決了閃爍問題，但是當移動相機時，透明立方體在放置在實心立方體後面時可見，透明立方體看起來不是一個選項。

我搜索了很多，也看了一些關於SO的問題，到目前爲止我發現的是這是一個depth-buffer問題。 另外我讀到，應該在繪製半透明物體後繪製固體物體，但我認爲three.js對我來說這樣做？

總而言之，我還沒找到幫助我解決這個問題的答案，我明白透明度不是three.js/webgl中最簡單的事情，但是我會很感激一些關於如何克服這個問題的提示。

Answer 1

問題很可能是重合的面孔。

刪除觸摸的透明面。