Javascript 使用动画webgl three.js缩放立方体Y

Javascript 使用动画webgl three.js缩放立方体Y,javascript,three.js,webgl,tween,Javascript,Three.js,Webgl,Tween,Webgl Three.js tween和java脚本 我从对象的x或y属性之间得到了意外的结果,我没有错误,对象正在缩放,但没有动画 var scale = {y:0}; var tween = new TWEEN.Tween( cube.scale.y ).to( { y: 10 }, 3000 ).easing( TWEEN.Easing.Cubic.Out ).start(); 我试图用动画将立方体拉伸到正确的高度,但目前它只是直接捕捉到y比例。你应该在中间使用

Webgl Three.js tween和java脚本 我从对象的x或y属性之间得到了意外的结果,我没有错误,对象正在缩放,但没有动画

 var scale = {y:0};         
 var tween = new TWEEN.Tween( cube.scale.y ).to( { y: 10 }, 3000 ).easing(
 TWEEN.Easing.Cubic.Out ).start();

我试图用动画将立方体拉伸到正确的高度,但目前它只是直接捕捉到y比例。

你应该在中间使用整个对象,如下所示

new TWEEN.Tween( cube.scale ).to( { y: 10 }, 3000 )

我想我可能需要移动顶点,但我想缩放会自动完成这一步,有什么帮助吗?你可以发布一个提琴或类似的东西吗?据我所知,我可能必须使用变形目标,并使用tweens移动顶点,然后在渲染位置更新顶点。另一个是我的tweens有问题,所以可能遇到了我自己的错误