在 three.js 中使用 renderOrder

Question

我想在一个场景中有两个重叠的对象，但我想定义应该先绘制哪个对象。我这里有一个代码示例：http://jsfiddle.net/sg02e5sm/1/

我正在为第二个对象使用 renderOrder = 1 以使其始终显示在第一个对象的顶部（只要它们具有相同的 Z 值），但它不起作用。

Answer 1

renderOrder 不会使某些东西出现 "on top"。它控制渲染对象的顺序。

如果你想让你的第2架飞机成为"on top"，你可以添加

mesh.material.depthTest = false;

以第2平面为例

fiddle: http://jsfiddle.net/sg02e5sm/2/

或者，您可以实现两个渲染通道，如 this SO answer 中所述。

three.js r.71