接下来介绍的就是国内优秀的移动端动效解决方案--腾讯出品的PAG动效解决方案，它被广泛应用与腾讯的系列产品当中。
官网地址：https://pag.io/
官网给出了比较详细的说明文档和api接口文档，供设计师和开发工程师参考使用。
Portable Animated Graphics 是一套完整的动画工作流。提供从AE（Adobe After Effects）导出插件，到桌面预览工具，再到各端的跨平台渲染 SDK。PAG 的目标是降低或消除动画研发成本，打通设计师创作到素材交付上线的流程，不断输出运行时可编辑的高质量动画内容。
上手之后，就能很快的感受到它带给设计师和开发工作者的便捷性，相比国外的两个动效解决方案lottie和SVGA,它解决了lottie无法导出位图的困扰，同时相比于svga能导出基于视频的序列帧（BMP预合成），BMP预合成目前支持视频序列帧和位图序列帧两种导出的存储格式，位图存储格式做了简单的帧间压缩，每帧只记录改变的区域。平均可以比传统的PNG序列帧文件小 50% 。而视频存储格式帧基于 H264 帧间压缩并补充了透明通道，相同动画文件大小非常有优势。相比位图存储格式只有 10 % ~ 25% 左右的文件大小。
今天就用实战教大家如何上手使用这款插件：
1、打开官网，点击免费下载，根据自己电脑版本下载对应的软件，支持mac和win
2、下载之后根据提示进行安装即可，安装成功打开软件一般会进行ae插件安装提示，安装提示进行操作，如果没有，可点击左上角pagviewer下的安装ae插件
3、安装成功之后，可打开ae，使用文件--导出--pagfile
注意：PAG同时支持「矢量预合成」直接导出和「BMP预合成」导出两种方式，对于使用了粒子插件的复杂动效无法采用矢量预合成，可以通过对合成文件加后缀"_bmp"或"_BMP"后缀的名字导出BMP视频帧的格式
4、导出全BMP预合成的PAG文件时，可对插件进行设置，设置入口为："After Effects CC" -> "首选项" -> "PAG Config..."
5、设置界面中，导出版本控制选择beta版本，因为这个也在不断更新，bata能支持更多的功能
6、配置完成，点击确定，接下来开始导出pag文件，导出文件过程中，依据视频的复杂程度时间长短不一，需要耐心等待。完成之后，在我们选择导出的文件夹就可以看到一个pag文件，如下所示：
7、接下来我们打开pagviewer工具，将文件拖入进行预览
8、可以通过查看运行状态和加载情况，对开发的朋友十分友好，效果如下：
附件是我导出的pag文件，大家可以自行下载预览！
Powered by Froala Editor
