three.js所：如何控制渲染顺序

Question

正在使用three.js所

我如何控制渲染次序？假设我有三个平面几何图形，并且想要按特定顺序渲染它们，而不考虑它们的空间位置。

感谢

Answer 1

您可以设置

renderer.sortObjects = false; 

和目的将它们添加到场景中的顺序渲染。

或者，你可以离开sortObjects为true，默认值，并指定每个对象的object.renderOrder的值。

有关更多详细信息，请参阅Transparent objects in Threejs

你可以做的另一件事是使用下面介绍的方法：How to change the zOrder of object with Threejs?

three.js所r.71

Answer 2

使用object.renderDepth在我的情况下工作。我有一个透明的玻璃表壳和气泡。气泡在某些角度迷路了。

因此，将他们的renderDepth设置为很高的数字并且与场景中的其他元素深度一起玩时修复了这个问题。将一个dat.gui控件连接到renderDepth属性，可以很容易地调整需要在什么深度才能使场景工作。

因此，在我的fishScene，我有碎石，坦克和泡沫。我用一个dat.gui控制器连接砾石网格，并在几秒钟内获得了我所需要的深度。

this.gui.add(this.fishScene.gravel, "renderDepth", 0, 200); 

Answer 3

for threejs r70 and higher is renderDepth removed。

Answer 4

我有一堆对象，它是从随机位置x和y ...以及obj.z ++中的for循环克隆的，所以它们会排队在一起......包括obj.renderOrder ++;在循环解决了我的问题。