使 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（我也尝试过寻址 material：object.material）。

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

Tween 位置有效：

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 } );

使 three.js 对象不可见

Make three.js object invisible

three.js

gsap