教你一招让你高效搞定高品质的H5交互动画

一般在H5开发流程中，都是交互动画设计师利用Animate cc（即原来的Flash）把动画的原型设计出来，然后交付给UI部门进行开发实现效果。而做过动画开发的UI都知道搞动画开发是较为耗时费力的，而且还要高度还原动画，整个流程走下来的话不论是时间还是其他成本，都是比较高的。

其实有一种方法可以有效的改良这种状况，大大地提高开发效率。AnimateCC（就是原来的Flash）可以导出canvas动画，而且是基于createjs这个开发轻量级游戏的js库的，非常适合用来做移动端的一些h5动画。不仅缩短制作动画所需要的间。同时它也是一个可视化的IDE，不需要编写代码就可以完成高品质的动画效果；还可以通过Javascript，为动画效果添加交互性。

比如下面这一页动画，如果使用传统的html css3的动画开发或者是canvas方式来硬写代码来实现，切图加上动画开发没有一天应该是搞不定的；而使用AnimateCC导出配合自己写一点点代码，一两个小时就可以搞定。

一些需要了解的概念