在three.js中使用renderOrder

时间:2015-05-22 23:32:14

标签: three.js render overlap zbuffer

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

我正在使用renderOrder = 1作为第二个对象,使其始终位于第一个对象的顶部(只要它们具有相同的Z值),但它不起作用。

1 个答案:

答案 0 :(得分:4)

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

如果你希望你的第二架飞机在#34;顶部",你可以添加

mesh.material.depthTest = false;
例如,对于第二个平面,

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

或者,您可以实现两个渲染过程,如this SO answer

中所述

three.js r.71