WebGL和/或Three.js：刪除非渲染的面

Question

在給定位置使用給定的網格，是否有一種快速且簡單的方法（使用vertexShader，fragmentShader或其他方法）從網格中識別/刪除所有面/未在相機屏幕上呈現的頂點（隱藏在其他臉部之後，視野之外等）？

Answer 1

如果你的意思刪除在方面不使它們這是實現具有啓用backface culling（因爲它是默認情況下）。

的CPU

在檢測Backfaces如果你想從幾何本身刪除它們，你將需要遍歷臉和計算面法線和您的LOOKAT /攝像機的方向向量之間的dot product，然後組成新的幾何緩衝區，只包含點積爲正的面。

檢測閉塞面臨的CPU

檢測隱藏/閉塞面可以通過遍歷面和建築物使用的三角形的三個平面進行邊緣沿由遠裁剪距離LOOKAT矢量擠出，並使用上臉部翻轉的法線本身就是'前平面'。由此你會得到一個開放式棱鏡類型的形狀。然後使用體積（其技術上不是體積，因爲它未關閉）剔除其餘面的頂點，當所有面的頂點都位於所有平面中時（假設您的平面法線指向內部），所關注的面被遮擋並可以刪除。

即使在使用像Bounding Volume Hierarchy這樣的加速結構時，此也不是實時兼容。

檢測閉塞面臨的GPU/CPU

上的另一種更容易和可能更快的方法是指定表示ID到每個面的獨特的顏色，使該幾何結構的幀緩衝器，迭代的像素數據，將色彩偏移回各自的ID並以這種方式構建可見面的列表。

更多信息

雖然其通常不包含在幾何級做了進一步的信息，請閱讀the wikipedia article on occlusion culling。