在补间位置完成后将对象淡化为不可见

Question

我想为这个对象执行一个补间位置，一旦完成，就淡出它......现在我只是在完成后隐藏它。

this.tweenBox2.onUpdate(function () 
{
            that.box.position = a;
            that.box.Show();
});
this.tweenBox2.onComplete(function () {
            for (var i = 0; i < that.box.children.length; i++) {
                 that.box.children[i].visible = false;
            }
            that.box.position = new THREE.Vector3().copy(storagePos);
});

这是box.children [0]

内的内容

THREE.Mesh

webglActive ： 真正 __webglInit ： 真正 _modelViewMatrix ： THREE.Matrix4 _normalMatrix ： THREE.Matrix3 蒙上阴影 ： 假 孩子 ： 阵列[0] eulerOrder ： （......） frustumCulled ： 真正 几何 ： THREE.Geometry ID ： 4672 材料 ： THREE.MeshLambertMaterial 矩阵 ： THREE.Matrix4 matrixAutoUpdate ： 真正 matrixWorld ： THREE.Matrix4 matrixWorldNeedsUpdate ： 假 名称 ： “” 亲 ： 框 位置 ： THREE.Vector3 四元 ： THREE.Quaternion receiveShadow ： 假 renderDepth ： 空值 回转 ： THREE.Euler rotationAutoUpdate ： 真正 规模 ： THREE.Vector3 向上 ： THREE.Vector3 useQuaternion ： （......） 用户数据 ： 宾语 UUID ： “9C6DC789-20D0-4F9F-88B6-CDA9A2C372B9” 可见 ： 真正 __proto ： THREE.Object3D

材料以这种方式创建：

var box = boxModel.scene.children[3].children[0].clone();
box.traverse(function (child) 
{
    if (child instanceof THREE.Mesh) 
    {
        child.material = child.material.clone();
    }
});