三角形是从(深度)顺序绘制出来的

时间:2013-06-10 18:32:36

标签: three.js webgl

我正在尝试使用three.js创建一个简单的示例。我有一堆三角形构成一个音量。似乎三角形排序错误 - 或以奇怪的顺序呈现。以下是您可以看到的示例:

http://urlmin.com/qlp

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

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

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

我必须遗漏一些非常简单的事情。让我知道你的想法。谢谢!

1 个答案:

答案 0 :(得分:0)

JSFiddle http://jsfiddle.net/aR8wr/

你的相机NEAR飞机非常小,FAR飞机非常大。这导致渲染,浮点错误以及闪烁的精度降低。将这些变量设置为例如0.01和1000可以消除闪烁。

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