我正在使用TWEEN在三个上创建一系列动画。
根据文档,在非数字属性上创建补间应该在转换时间结束时更改属性。
我试图动画材质的可见属性,但它不会起作用。
当然,我并不是想逐渐从不可见变为可见;我只想在某个时刻做到这一点,但是要集成在补间序列中。
它不起作用,在快速查看代码之后,似乎很难使其工作。
TWEEN文档中是否遗漏了一些内容。或者任何解决方法?
要 到(道具,持续时间,轻松) 将补间从当前值排队到目标属性。将持续时间设置为0以跳转到这些值。数字属性将从补间中的当前值补间到目标值。非数字属性将在指定的持续时间结束时设置。
答案 0 :(得分:1)
您必须使用 .onComplete
new TWEEN.Tween( cube.material ).to( { opacity: 0 }, 1000 )
.onUpdate(function(){
// do something if u want
})
.onComplete(function(){
// change boolean
console.log('DONE');
})
.start();
animate();
不要忘记设置材质的透明标志