three.js - 在 three.js 中使用 renderOrder

Question

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

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

Answer 1

renderOrder不会使某些东西出现在“顶部”。它控制渲染对象的顺序。

如果你想让你的第二架飞机“在上面”，你可以添加

mesh.material.depthTest = false;

例如，对于第二个平面。

小提琴：http: //jsfiddle.net/sg02e5sm/2/

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

三.js r.71