three.js - 三角形是按（深度）顺序绘制的

Question

我正在尝试使用three.js 创建一个简单的示例。我有一堆三角形组成一个体积。似乎三角形的顺序不正确 - 或以奇怪的顺序呈现。这是您可以看到的示例：

http://urlmin.com/qlp

只需旋转视图并看到视图闪烁。

行为与 canvas 或 webgl 渲染器相同。

请注意，我没有使用灯光。每个三角形的颜色略有不同。

我一定错过了一些非常简单的东西。让我知道你的想法。谢谢！

Answer 1

JSFiddle 这里http://jsfiddle.net/aR8wr/

您的相机 NEAR 平面非常小，而 FAR 平面非常大。这会导致渲染精度降低、浮点错误，从而导致闪烁。将这些变量设置为例如 0.01 和 1000 可以消除闪烁。

从某些角度来看，它仍然看起来很奇怪。我不确定是什么原因造成的，但如果您将模型分成较小的三角形可能会有所帮助。或者，您可以使用 WebGLRenderer，只要您为 NEAR 和 FAR 设置更合理的值，它就可以完美地工作。