Javascript 在three.js中,网格的渲染深度似乎被忽略

Javascript 在three.js中,网格的渲染深度似乎被忽略,javascript,three.js,depth-testing,Javascript,Three.js,Depth Testing,我希望在所有其他内容之上渲染网格,此解决方案效果良好: 我想知道是否可以用mesh.renderDepth实现同样的效果,但到目前为止我还不能让它工作。似乎renderDepth仅在material.depthTest或depthWrite设置为false时才有效,但在同一对象中,深度排序当然是错误的: 对于r70,renderDept函数已删除。 var cube = new THREE.Mesh(geometry, material); cube.renderDepth = 1; sc

我希望在所有其他内容之上渲染网格,此解决方案效果良好:

我想知道是否可以用mesh.renderDepth实现同样的效果,但到目前为止我还不能让它工作。似乎renderDepth仅在material.depthTest或depthWrite设置为false时才有效,但在同一对象中,深度排序当然是错误的:


对于r70,renderDept函数已删除。

var cube = new THREE.Mesh(geometry, material);
cube.renderDepth = 1;
scene.add(cube);

var cube2 = new THREE.Mesh(geometry, material);
cube2.position.x = 1;
cube2.renderDepth = 2;
scene.add(cube2);

// with any one of these lines the renderDepth has an effect
// but then of course the depth test/write is wrong within the same object
// material.depthWrite = false;
// material.depthTest = false;