布尔属性的补间失败

Question

我正在使用 TWEEN 在 THREE 上创建一系列动画。

根据文档，在非数字属性上创建补间应该在过渡时间结束时更改属性。

我正在尝试为材质的可见属性设置动画，但它不起作用。

当然，我并不是想逐渐从不可见变为可见；我只是想在某个时刻这样做，但集成在补间序列中。

它不工作，快速查看代码后，似乎很难让它工作。

我在 TWEEN 文档中遗漏了什么。或者任何解决方法？

到 to ( 道具 , 持续时间 , 轻松 ) 将补间从当前值排队到目标属性。将持续时间设置为 0 以跳转到这些值。数值属性将从它们在补间中的当前值补间到目标值。非数字属性将在指定持续时间结束时设置。

tween.js documentation

Answer 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();

别忘了设置材质的透明标志