iAnimator-CSS3动画制作工具

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

简介

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

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

体验

http://ianimator.kundy.net/

主界面

1

特色

1. 批量上传图片素材

2. 丰富的属性面板

3. 图层、帧的灵活控制

4

4. 可视化图层编辑

5

5. 丰富的特效库

6. 快速预览

7

7. 快速集成

后期的一些想法

  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的一些项目中使用,很赞的说,省时省力效果好。如果你有更好的建议,欢迎反馈——神飞