淺談PAG與Lottie對比

1、工作過程
Lottie:
設計師使用 AE 設計好動畫, 通過 bodymovin 插件將 AE 工程文件導出為 json 文件,在客戶端(使用 Lottie SDK)解析,最后通過各平臺原生渲染方案進行渲染,其中在 Android 平臺上通過 Canvas 進行繪制,在 iOS 上通過 CALayer 進行繪制,在 web 端支持 SVG、Canvas 和 HTML 繪制。
PAG:
設計師使用 AE 設計好動畫以后,通過 PAGExporter 插件讀取 AE 工程文件,根據(jù)具體需求選擇矢量導出、BMP 預合成、混合導出方式中的一種導出一個 PAG 二進制文件,客戶端對該 PAG 二進制文件進行解碼、渲染,各端共享一套 C++實現(xiàn),平臺端只做接口封裝。(導出插件:PAGExporter;桌面預覽工具:PAGViewer;客戶端渲染 SDK:PAG SDK)

2、文件格式方面
Lottie:導出素材格式是 json 文本,可讀性高,但是承載 AE 特性能力差,文件體積大,解碼速度慢。
PAG:采用二進制的編碼方法,配套自研編解碼器,動態(tài)比特位壓縮,冗余信息極少,文件體積最小,解碼速度最快,且支持圖片和音頻信息編碼。

3、平臺端支持方面
Lottie:支持 Android、iOS、web、mac OS,SVGA 支持 Android、iOS 和 web 端
PAG:支持 Android、iOS、web、mac OS、windows、Linux等,幾乎涵蓋到所有平臺。

4、矢量動畫渲染性能
PAG 優(yōu)化 Lottie 和 SVGA,內(nèi)存占用方面會偏大一些。

5、矢量動畫文件對比
PAG 采用了動態(tài)比特位的壓縮技術,動畫文件可以做到足夠小。相同的 AE 工程,PAG 導出的動畫文件大小是 Lottie 動畫文件的 51%左右

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容