SVGA文件格式——SVGA动画制作和文件转换

什么是SVGA

SVG，它的英文全称为Scalable Vector Graphics，即可伸缩矢量图形。

SVGA，就是Scalable Vector Graphics Animetion，即可伸缩矢量图形动画，理解为就是一种2d位图动画的储存格式，可以很小的容量播放一个带通道的效果，很好的替代png序列（文件容量大）、gif文件格式（不支持透明通道\色域低）。

绘制矢量图形也蛮占性能，目前更多使用提前做好的位图导入AE制作动画。

带来的直观好处：一个10几MB大的序列帧效果，用svga格式可以只要几百K甚至几十K。

设计师所制作的效果，就是用户在版本中的完整效果，保证效果也让内存不会爆掉。

SVGA 是一种跨平台的开源动画格式，同时兼容 iOS / Android / Web。SVGA 除了使用简单，性能卓越，同时让动画开发分工明确，各自专注各自的领域，大大减少动画交互的沟通成本，提升开发效率。动画设计师专注动画设计，通过工具输出svga动画文件，提供给开发工程师在集成 svga player 之后直接使用。动画开发从未如此简单！

制作思路

举例用Animate制作，首先需要安装SVGA插件，注意这个插件是不收费的，官网上有，安装也非常简单。然后就正常制作动画，制作的时候避免使用影片剪辑元件，不能使用遮罩，不能使用属性动画。想做颜色绚丽复杂的礼物特效可以用png序列图导入。制作完成后，在窗口——扩展——SVGAConverter_FL，

然后弹出输出窗口

点击输出路径，指定输出的盘符位置，把礼物的名字写好；

然后点击“开始转换-2.0”

稍等之后文件就转换完成了，在中间绿点区域就会出现转换好的SVGA礼物动画，

还可以点击“选择播放文件”找到已经做好的.svga格式的文件，播放效果，方便修改。

制作效果

svga动画效果

svga文件格式

SVGA文件后缀名是.svga；一目了然，文件都比较小。

SVGA 可以同时支持 Flash 和 After Effects 的导出，只需要在各自转换器中计算差值就好了。

SVGA 在设计之初就支持位图元素，在 1.x 格式时使用 ZIP 进行打包，在 2.x 格式中，直接使用 ProtoBuf + Zlib 方式打包，作为开发者，完全不用关心应该怎样下载、解压、获取位图文件，直接把 svga 文件扔进去 Player 就可以了！