三个J:重叠的物体

时间:2016-12-11 14:12:55

标签: javascript 3d three.js

我的代码中有很多网格,我希望渲染器渲染应该是正面的对象,类似这样的东西 - > https://i-msdn.sec.s-msft.com/dynimg/IC72309.gif我已经读过渲染深度,但我不知道知道如何在代码中使用它。让我们说我有两个领域:

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轴的情况下与另一个球体重叠。

我使用的网站是http://gamingjs.com/ice/,它应该是版本r52。

1 个答案:

答案 0 :(得分:-1)

您可以停用材质的depthWrite,这样对象就会呈现在其他所有内容之上。

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