本文介绍如何利用Animate CC导出基于createjs的canvas动画，提高H5动效开发效率。通过理解帧频、图形与影片剪辑、时间轴等概念，结合Animate CC的特性，可以实现无需大量编码的高品质动画。文章提供了一种整理和导出动画资源的方法，以缩短开发时间和成本。
一般在H5开发流程中，都是交互动画设计师利用Animate cc（即原来的Flash）把动画的原型设计出来，然后交付给UI部门进行开发实现效果。而做过动画开发的UI都知道搞动画开发是较为耗时费力的，而且还要高度还原动画，整个流程走下来的话不论是时间还是其他成本，都是比较高的。
其实有一种方法可以有效的改良这种状况，大大地提高开发效率。AnimateCC（就是原来的Flash）可以导出canvas动画，而且是基于createjs这个开发轻量级游戏的js库的，非常适合用来做移动端的一些h5动画。不仅缩短制作动画所需要的间。同时它也是一个可视化的IDE，不需要编写代码就可以完成高品质的动画效果；还可以通过Javascript，为动画效果添加交互性。
比如下面这一页动画，如果使用传统的html css3的动画开发或者是canvas方式来硬写代码来实现，切图加上动画开发没有一天应该是搞不定的；而使用AnimateCC导出配合自己写一点点代码，一两个小时就可以搞定。
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
