tween.js学习

心情烦躁了一段时间,还是需要安定下来,好好学习原生的js动画,找到大牛的推荐,学习一下tween.js.

Demo

tween.js 的github地址。
有很多examples可以参考学习.

自己写了一个坐标系工具

coordinate地址 ,来方便测试tween.js中的函数变化曲线

对于tween.js的理解

单独一个动画对象,后面有很多函数动画,难怪@dron说,这个是学习js动画非常好的动画库,里面的动画函数,非常丰富,在坐标系x[-1,1],y[-1,1]里,看到了全部的动画曲线,明白了这个js库对动画的含义。
简单配置一下库的参数,可以实现动画,非常简易,对封装的理解,非常透彻,值得学习。

后续的思考

可以把想到的函数单独拆开,简单封装就可以达到一个想要的js动画的效果,非常赞。
需要学习requestAnimationFrame函数的使用。