Three.js - 飛機溢出不透明

我試圖把兩架飛機放在相同（或最近的可能位置）的位置。Three.js - 飛機溢出不透明

當兩個不同材質和顏色的平面位於同一位置時，根據攝像機位置和視角，前平面的不透明度未滿，並且讓您至少部分看到背平面（基本上爲三角形）。

我想要的是對不同區域的不同區域的網格。

我不知道問題是混合還是什麼。

我試過material.depthTest和material.depthWrite而未解決。對不起，我的（很簡短）的解釋，但是對於一個項目，我的客戶不希望我透露太多。

一個例子上threejs.org編輯here

來源

2014-05-06 user3608533

當你在同一個位置上時，你是否試圖隱藏飛機？ – ReeCube

您可以通過限制相機的近距離和遠距離剪輯來獲得更好的效果。這當然會限制你的視野距離，但在你的情況下，我會認爲對於近距離物體會有更好的準確性。此外，我建議你閱讀three.js和深度排序和東西。另一點，你可以很快地在Blender或任何其他內容創建軟件中創建這樣的網格，但可能會限制視圖範圍幫助你的情況。在這裏看到進一步閱讀：http://stackoverflow.com/questions/19695934/three-js-canvasrenderer-depth-sorting – GuyGood

如果你把兩架飛機非常接近，這個問題是很難擺脫。我建議你在後機上打個洞，這樣你就不用擔心了。 –

如果您只使用飛機，你可以渲染到紋理，然後再使用質地上最大的飛機。在渲染到紋理的階段，你可以有非常接近和遠的值或禁用深度檢查。

來源

2014-05-12 19:25:59

Three.js - 飛機溢出不透明

回答

相關問題