three.js in，Sprite.render Depth属性不受支持

Question

这是我的代码：

var sprite = new THREE.Sprite(material);
sprite.renderDepth = 10;

上面的renderDepth设置无效，它不适用于精灵。 如何解决这个问题？

Answer 1

你想要一个精灵始终在最顶层。

由于SpriteMaterial不支持用户指定的renderDepth，因此您必须实施解决方法。

使用WebGLRenderer时，精灵会被渲染。

最简单的方法就是拥有两个场景和两个渲染过程，第二个场景中有一个精灵，如下所示：

renderer.autoClear = false;
scene2.add( sprite2 );

然后在渲染循环中

renderer.render( scene, camera );
renderer.clearDepth();
renderer.render( scene2, camera );

three.js r.64