如何使用tween.js做简单移动动画

1、首先建立一个html文件和下载需要用到的tween.js文件，放到项目中。

2、打开html文件，正确引入tween脚本文件。

3、这里为了好看，先用three.js新建了个圆柱体来做示例。

4、开始调用Tween。

new TWEEN.Tween( mesh.position).to( { y: 400 }, 6000 ).repeat( Infinity ).start();

这里mesh是圆柱体，准备对他的位置进行操作沿着Y轴做重复运动。

5、下一步也是关键在 requestAnimationFrame 函数中，调用 TWEEN.update(); 

6、万事俱备，运行html文件，可以看到圆柱体动起来了。

7、以上就是经验的全部内容了，感谢阅读。