浅谈PAG与Lottie对比
- 移动端
- 萤火驻守心间
- 0
1、工作过程
Lottie：
设计师使用 AE 设计好动画， 通过 bodymovin 插件将 AE 工程文件导出为 json 文件，在客户端(使用 Lottie SDK)解析，最后通过各平台原生渲染方案进行渲染，其中在 Android 平台上通过 Canvas 进行绘制，在 iOS 上通过 CALayer 进行绘制，在 web 端支持 SVG、Canvas 和 HTML 绘制。
PAG：
设计师使用 AE 设计好动画以后，通过 PAGExporter 插件读取 AE 工程文件，根据具体需求选择矢量导出、BMP 预合成、混合导出方式中的一种导出一个 PAG 二进制文件，客户端对该 PAG 二进制文件进行解码、渲染，各端共享一套 C++实现，平台端只做接口封装。(导出插件：PAGExporter;桌面预览工具：PAGViewer;客户端渲染 SDK：PAG SDK)
2、文件格式方面
Lottie：导出素材格式是 json 文本，可读性高，但是承载 AE 特性能力差，文件体积大，解码速度慢。
PAG：采用二进制的编码方法，配套自研编解码器，动态比特位压缩，冗余信息极少，文件体积最小，解码速度最快，且支持图片和音频信息编码。
3、平台端支持方面
Lottie：支持 Android、iOS、web、mac OS，SVGA 支持 Android、iOS 和 web 端
PAG：支持 Android、iOS、web、mac OS、windows、Linux等，几乎涵盖到所有平台。
4、矢量动画渲染性能
PAG 优化 Lottie 和 SVGA，内存占用方面会偏大一些。
5、矢量动画文件对比
PAG 采用了动态比特位的压缩技术，动画文件可以做到足够小。相同的 AE 工程，PAG 导出的动画文件大小是 Lottie 动画文件的 51%左右
免责申明：本站发布的内容（图片、视频和文字）以转载和分享为主，文章观点不代表本站立场，如涉及侵权请联系站长邮箱：xbc-online@qq.com进行反馈，一经查实，将立刻删除涉嫌侵权内容。
