SVGA文件格式——SVGA動畫制作和文件轉換

什么是SVGA

SVG，它的英文全稱為Scalable Vector Graphics，即可伸縮矢量圖形。

SVGA，就是Scalable Vector Graphics Animetion，即可伸縮矢量圖形動畫，理解為就是一種2d位圖動畫的儲存格式，可以很小的容量播放一個帶通道的效果，很好的替代png序列（文件容量大）、gif文件格式（不支持透明通道\色域低）。

繪制矢量圖形也蠻占性能，目前更多使用提前做好的位圖導入AE制作動畫。

帶來的直觀好處：一個10幾MB大的序列幀效果，用svga格式可以只要幾百K甚至幾十K。

設計師所制作的效果，就是用戶在版本中的完整效果，保證效果也讓內(nèi)存不會爆掉。

SVGA 是一種跨平臺的開源動畫格式，同時兼容 iOS / Android / Web。SVGA 除了使用簡單，性能卓越，同時讓動畫開發(fā)分工明確，各自專注各自的領域，大大減少動畫交互的溝通成本，提升開發(fā)效率。動畫設計師專注動畫設計，通過工具輸出svga動畫文件，提供給開發(fā)工程師在集成 svga player 之后直接使用。動畫開發(fā)從未如此簡單！

制作思路

舉例用Animate制作，首先需要安裝SVGA插件，注意這個插件是不收費的，官網(wǎng)上有，安裝也非常簡單。然后就正常制作動畫，制作的時候避免使用影片剪輯元件，不能使用遮罩，不能使用屬性動畫。想做顏色絢麗復雜的禮物特效可以用png序列圖導入。制作完成后，在窗口——擴展——SVGAConverter_FL，

然后彈出輸出窗口

點擊輸出路徑，指定輸出的盤符位置，把禮物的名字寫好；

然后點擊“開始轉換-2.0”

稍等之后文件就轉換完成了，在中間綠點區(qū)域就會出現(xiàn)轉換好的SVGA禮物動畫，

還可以點擊“選擇播放文件”找到已經(jīng)做好的.svga格式的文件，播放效果，方便修改。

制作效果

svga動畫效果

svga文件格式

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

SVGA 可以同時支持 Flash 和 After Effects 的導出，只需要在各自轉換器中計算差值就好了。

SVGA 在設計之初就支持位圖元素，在 1.x 格式時使用 ZIP 進行打包，在 2.x 格式中，直接使用 ProtoBuf + Zlib 方式打包，作為開發(fā)者，完全不用關心應該怎樣下載、解壓、獲取位圖文件，直接把 svga 文件扔進去 Player 就可以了！