Javascript 三个Js：重叠对象

我的代码中有很多网格，我希望渲染器渲染应该在前面的对象，类似这样->我已经阅读了渲染深度，但我不知道如何在代码中使用它。假设我有两个球体：

var shape1 = new THREE.SphereGeometry(50,10,8,10)
var cover1 = new THREE.MeshNormalMaterial();
var Sphere1 = new THREE.Mesh(shape1, cover1);
scene.add(Sphere1);
Sphere1.position.set(10,0,0);

var shape2 = new THREE.SphereGeometry(50,10,8,10)
var cover2 = new THREE.MeshNormalMaterial();
var Sphere2 = new THREE.Mesh(shape2, cover2);
scene.add(Sphere2);
Sphere2.position.set(-10,0,0);

现在我希望第一个球体与另一个球体重叠，而不改变z轴

我正在使用的站点是，它应该是r52版本

您可以禁用材质的depthrite，因此对象将在所有其他对象之上进行渲染

var cover1 = new THREE.MeshNormalMaterial({ depthWrite: false, depthTest: false });

---

r、 52岁是4岁。您的链接正在使用画布渲染器。有关如何使用WebGLRenderer和最新的three.js版本实现所需的内容，请参阅。