在three.js中使用renderOrder

Question

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

我使用renderOrder = 1的第二个对象，使其始终出现在第一个对象的顶部(只要他们有相同的Z值)，但它不工作

Answer 1

renderOrder不会使某些内容出现在"顶部"。它控制对象呈现的顺序。

如果你想让你的第二个平面"在顶部"，你可以添加

mesh.material.depthTest = false;

为第二个平面

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

three.js r.142