布尔值 属性 上的补间失败
Tween on a boolean property fails
我正在使用 TWEEN 在三上创建一系列动画。
根据文档，在非数字 属性 上创建补间应该在过渡时间结束时更改 属性。
我正在尝试为材质的可见 属性 设置动画，但它不起作用。
当然我不是要从不可见逐渐变为可见；我只是想在某个时刻做，但集成在补间序列中。
它不起作用，快速查看代码后，似乎很难让它起作用。
TWEEN 文档中是否缺少某些内容。或者任何解决方法？
to
to ( props , duration , ease )
Queues a tween from the current values to the target properties. Set duration to 0 to jump to these value. Numeric properties will be tweened from their current value in the tween to the target value. Non-numeric properties will be set at the end of the specified duration.
你必须使用 .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();
不要忘记设置 material
的透明标志
我正在使用 TWEEN 在三上创建一系列动画。
根据文档，在非数字 属性 上创建补间应该在过渡时间结束时更改 属性。
我正在尝试为材质的可见 属性 设置动画，但它不起作用。
当然我不是要从不可见逐渐变为可见；我只是想在某个时刻做，但集成在补间序列中。
它不起作用，快速查看代码后，似乎很难让它起作用。
TWEEN 文档中是否缺少某些内容。或者任何解决方法？
to to ( props , duration , ease ) Queues a tween from the current values to the target properties. Set duration to 0 to jump to these value. Numeric properties will be tweened from their current value in the tween to the target value. Non-numeric properties will be set at the end of the specified duration.
你必须使用 .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();
不要忘记设置 material
的透明标志