Tween.js

Question

所以我一直在玩 three.js 和 tween.js 我想知道是否可以补间变量？

我尝试过的：

1)

tween = new TWEEN.Tween(renderergl.toneMappingExposure).to( "0.001", 1000 ).easing(TWEEN.Easing.Exponential.InOut).onComplete(function() {
// Finished
}).start();

tween = new TWEEN.Tween(renderergl.toneMappingExposure).to( 0.001, 1000 ).easing(TWEEN.Easing.Exponential.InOut).onComplete(function() {
// Finished
}).start();

var toneMap = renderergl.toneMappingExposure;
tween = new TWEEN.Tween(toneMap).to( "0.001", 1000 ).easing(TWEEN.Easing.Exponential.InOut).onComplete(function() { }).start();

两者都给出了这个结果：Object prototype may only be an Object or null: 0.001

我什至不确定是否可以为 var 设置动画，有人可以确认一下吗？

Answer 1

在 .to() 中，您需要传递持续时间和一个对象，其中包含要在 .Tween() 的对象中更改的属性及其值。所以你的代码将是这样的：

tween = new TWEEN.Tween(renderergl)
.to( {toneMappingExposure:0.001}, 1000 )
.easing(TWEEN.Easing.Exponential.InOut)
.start()

Tween.js - 是否可以补间变量？

Tween.js - Is it possible to tween a variable?

javascript

three.js

tweenjs