three.js - 如何使用 Object3d.renderOrder 来控制 z-index ？

【问题标题】：three.js - How to use Object3d.renderOrder to control the z-index ?three.js - 如何使用 Object3d.renderOrder 来控制 z-index ？
【发布时间】：2016-11-18 02:31:32
【问题描述】：

This 和 this 提到了 rederOrder，但它没有记录。我设置了jsfiddle，还是不行，怎么回事？

http://jsfiddle.net/q4w56/y655cwqt/5/

// now mesh1 should be always on top of mesh2  
mesh1.renderOrder = 1 
mesh2.renderOrder = 0

【问题讨论】：

标签： three.js

【解决方案1】：

在three.js 中设置renderOrder 不会导致可渲染对象“在顶部”。它只是控制渲染顺序。如果某些对象是透明的，它可能是一个有用的工具。如果场景中的所有对象都是不透明的，则更改渲染顺序（在典型用例中）对渲染输出没有影响。

如果您希望某些对象“在顶部”呈现，请参阅 this answer。

three.js r.79

【讨论】：

这是一个相当晚的问题，但是更改 renderOrder 会产生任何成本吗？（缓冲区内部重组等）
不，它没有。