javascript - 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

我什至不确定 vars 是否可以动画，有人可以确认吗？

Answer 1

在.to()您需要传递持续时间和一个对象，该对象具有您想要在.Tween(). 所以你的代码将是这样的：

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