前端经验

iAnimator - CSS3动画制作工具!前端攻城湿必备工具!

基于CSS3的动画越来越火爆,各大网站都开始尝试使用CSS3来达到更炫的用户体验,Google的logo也一次次吸引着大家的眼球,但光鲜的CSS3动画后面,可能是前端攻城师不断修改查看修改查看反复的一个过程,对时间、位置的精确把控,意味着巨大的工作量,于是,iAnimator来了!


简介

动画制作软件一般为本地客户端软件,如Sencha Animator 、EDGE等,功能非常强大,但是生成的代码过于庞大臃肿,并且收费,而iAnimator采用WEB方式来实现可视化的CSS3动画制作,轻巧、快速,可扩展性强

基于iAnimator制作动画,因为可视化,及预置的特效,及众多属性面板,可以大大提高动画制作的精确性,减轻前端开发人员工作量

主界面

iAnimator - CSS3动画制作工具!前端攻城湿必备工具!iAnimator主界面

特色

 1、批量上传图片素材

iAnimator - CSS3动画制作工具!前端攻城湿必备工具!

 2、丰富的属性面板

iAnimator - CSS3动画制作工具!前端攻城湿必备工具!

 3、图层、帧的灵活控制

iAnimator - CSS3动画制作工具!前端攻城湿必备工具!

 4、可视化图层编辑

iAnimator - CSS3动画制作工具!前端攻城湿必备工具!

 5、丰富的特效库

iAnimator - CSS3动画制作工具!前端攻城湿必备工具!

 6、快速预览

iAnimator - CSS3动画制作工具!前端攻城湿必备工具!

 7、快速集成

iAnimator - CSS3动画制作工具!前端攻城湿必备工具!

iAnimator - CSS3动画制作工具!前端攻城湿必备工具!

后期的一些想法

1、图层将支持父层、子层,以更灵活的管理图层

2、加入 锁定、可见 快捷按钮

3、属性面板支持 更多的CSS3属性,如box-shadow、text-shadow

4、系统对firefox的支持

5、动画对IE、opera的支持

6、图层帧间的状态更多清晰的展示出来

7、加入事件驱动,如mouseover、click触发动画

8、加入场景,结合事件驱动,在不同场影之间的动画切换,将动画制作更加气势磅礴


另:

代码托管于git上,如果有兴趣的朋友,可以参与进来一起维护,谢谢

https://github.com/kundy/iAnimator

PS:该项目是组内牛人kundy开发的一个工具,已经在Qzone的一些项目中使用,很赞的说,省时省力效果好。

相关文件下载地址:

官方网站:http://ianimator.kundy.net/

Powered By Z-BlogPHP 1.5 Zero

Copyright webexp.cn Rights Reserved.

本站基于 阿里云服务器 + Ename域名 + Z-Blog 构建   |   站点地图   |   辽ICP备13003381号-4