布尔属性上的Tween失败

时间:2015-01-14 22:49:57

标签: three.js tween.js

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

根据文档,在非数字属性上创建补间应该在转换时间结束时更改属性。

我试图动画材质的可见属性,但它不会起作用。

当然,我并不是想逐渐从不可见变为可见;我只想在某个时刻做到这一点,但是要集成在补间序列中。

它不起作用,在快速查看代码之后,似乎很难使其工作。

TWEEN文档中是否遗漏了一些内容。或者任何解决方法?

  

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

tween.js documentation

1 个答案:

答案 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();

不要忘记设置材质的透明标志