使three.js对象不可见

Question

我使用以下代码创建了一个网格对象

var defaultPartGeometry = new THREE.BoxGeometry(0.5, 0.5, 0.5);
var defaultPartMaterial = new THREE.MeshBasicMaterial({color: 0xff0000, wireframe: false});
default = new THREE.Mesh(defaultPartGeometry, defaultPartMaterial); 
default.position.set(0,0.25,0); 
scene.add(default)

我怎样才能让这个看不见？将此对象的opacity设置为null不起作用。

我通过ID解析对象，然后尝试设置opacity（我也试图解决这些问题：object.material）。

object = SceneService.scene.getObjectByName(ID);
tweens.push(tl.to(object, 2, { opacity: 0 }, e.time));

补间位置正常：

tweens.push(tl.to(object.position, 2, { x: target.X, z: target.Y }, e.time));

修改

object = SceneService.scene.getObjectByName(e.id);
object.transparent = true;
tweens.push(tl.to(object.position, 2, { x: target.X, z: target.Y }), e.time);
tweens.push(tl.to(object, 2, { opacity: 0 }), e.time);

Answer 1

您可能忘记了transparent财产：

object.material.transparent = true ;
TweenMax.to( object.material, duration, { opacity : 0 } );