效果预览
我在 PC 上用 OpenGL 实现了一个 svga 预览的程序
“闪烁”是原序列帧设计的问题
1.导入 png 序列帧至AE
从菜单栏 “导入” -> “文件” ，选择存放序列帧的文件夹
然后导入，接着看到如下界面，直接确定。
此时，窗口中就显示了我们所导入的所有序列帧，如下所示
2. 对序列帧进行裁剪【关键】
我们刚导入的序列帧默认是占据了整个时间线的
所以我们需要手动对它进行截取，windows 上的快捷键是 alt + [ 和 alt + ] 来分别进行前后的裁剪。
裁剪的结果如下所示，这里我们只保留一帧的时间。
3.将序列帧进行错位
这一步，我们需要回到菜单栏，“动画”-> “关键帧辅助” -> “序列图层”
这里直接默认，并适当调整工作区时间即可，结果如下所示。
4.利用插件导出 SVGA 动画文件
菜单栏中 “窗口”-> “扩展” -> SVGAConverter_AE （ 详见 下载安装教程 【如有问题建议及时更新和官方同步】，Animate CC 也有相应插件 ）打开该插件
然后再点击 “输出路径” 按钮，选择我们要输出的 svga 的目录和名字，最后就可以点击 “开始转换 - 2.0” 了（需要等待若干时间，期间可能会出现闪烁）
5.预览结果
我们可以通过点击 “播放文件” 按钮，选择我们刚刚导出的 svga 动画，效果如下【20帧 132*130 分辨率的图像，解吗到内存中，占用还是高达 1.3 MB，可见如果分辨率更大，帧数更多的话，在移动端还是鸭梨不小】
也可以直接拖动到这个网站进行预览 —— http://svga.io/svga-preview.html
官网还提供了其他功能（比如 protobuf 描述的素材信息），感兴趣的读者可以自行探索。
参考链接：
https://www.bilibili.com/video/BV1Ut411r7Gj?p=3
http://svga.io/designer.html
