騰訊PAG動(dòng)畫組件是專為廣大視覺設(shè)計(jì)師打造的一款非常給力的動(dòng)畫制作軟件，該軟件由騰訊官方制作而成，解決了動(dòng)畫制作交付質(zhì)量差、視角動(dòng)效弱、生產(chǎn)周期長(zhǎng)、研發(fā)成本高的問題，為廣大用戶提供了更加個(gè)性化、智能化、便捷化的動(dòng)畫制作功能，帶來了一個(gè)完善且成熟的制作平臺(tái)，可廣泛應(yīng)用于各類場(chǎng)景開發(fā)。

【軟件功能】

　　文件結(jié)構(gòu)：打開PAG文件，可以直觀的了解文件結(jié)構(gòu)，方便直接參看圖形或參數(shù)配置。

　　性能檢測(cè)：PAGViewer上的Profiler性能檢測(cè)面板可以很直觀地幫助設(shè)計(jì)師進(jìn)行性能調(diào)優(yōu)。預(yù)覽貼紙時(shí)按下鍵盤上的P鍵即可呼出該面板，再次按下關(guān)閉面板。靈活的占位圖替換和文字編輯能力

　　或者直接在PAG Viewer上進(jìn)行文字編輯：在圖層編輯面板中點(diǎn)擊希望更改的文字區(qū)域，可以直接修改圖層文字。

【軟件特色】

　　為什么會(huì)有PAG

　　PAG作為動(dòng)畫的一種解決方案，不得不提目前業(yè)界常用的動(dòng)畫工作流解決方案：Lottie和SVGA。

　　Lottie 最早從UI動(dòng)畫場(chǎng)景出發(fā)解決矢量動(dòng)畫渲染的問題，從官方社區(qū)來看，我們能容易發(fā)現(xiàn) Lottie 的矢量基因，社區(qū)作品大多是矢量圖形類動(dòng)畫。SVGA 是 YY 直播的開發(fā)工程師 2017 年發(fā)布的一套跨平臺(tái)動(dòng)畫解決方案，誕生于直播場(chǎng)景，SVGA 不支持復(fù)雜矢量圖形動(dòng)畫，對(duì)位圖動(dòng)畫的支持超過 Lottie，其最初的目標(biāo)是為了改善和彌補(bǔ)Lottie。

　　不可否認(rèn)，兩者都是業(yè)界優(yōu)化的動(dòng)畫解決方案。PAG誕生于2016年，最初的原因是為了解決更為復(fù)雜的視頻編輯場(chǎng)景下動(dòng)畫渲染問題，同時(shí)又完美覆蓋了UI動(dòng)畫和直播場(chǎng)景。

　　為什么要用PAG

　　傳統(tǒng)實(shí)現(xiàn)方案的工作流

　　首先，我們來看看傳統(tǒng)實(shí)現(xiàn)方案的整體流程：設(shè)計(jì)師需要在AE中完成動(dòng)效設(shè)計(jì)，進(jìn)行手工還原，最后與設(shè)計(jì)師反復(fù)確認(rèn)效果。如沒有此類特效的話，需要重新開發(fā)，直到符合預(yù)期。

　　PAG 的工作流程

　　再說到PAG的工作流程，在體驗(yàn)后，整個(gè)流程總結(jié)如下

　　主要流程：

　　由AE生成對(duì)應(yīng)動(dòng)畫

　　通過AE插件，完成動(dòng)畫導(dǎo)出部分

　　預(yù)覽圖片素材

　　導(dǎo)出對(duì)應(yīng)文件

　　運(yùn)營(yíng)配置后，端上渲染

　　可以看到，在PAG的工作流程下，許多之前需要人工配置和手工調(diào)整的部分都簡(jiǎn)化了，直接可以在PAG桌面預(yù)覽工具中做相應(yīng)的素材替換預(yù)覽效果，查看性能面板定量評(píng)估性能，極大提高了動(dòng)效研發(fā)的效率。

　　PAG主要優(yōu)勢(shì)介紹

　　PAG的主要技術(shù)優(yōu)勢(shì)主要是以下幾個(gè)方面：

　　全AE特性支持

　　支持圖層編輯

　　與視頻渲染無縫整合

　　支持服務(wù)端渲染

　　文件更小等

　　文件更小

　　PAG是二進(jìn)制文件格式，采用了動(dòng)態(tài)比特位編碼技術(shù)，讓相同動(dòng)畫導(dǎo)出的文件大小平均只有 Lottie 的一半左右(都經(jīng)過zip壓縮后對(duì)比)。

　　解碼更快

　　PAG由于采用二進(jìn)制格式，不存在JSON的字符串解析，解碼耗時(shí)平均只有Lottie文件的7.6%，同時(shí)二進(jìn)制文件格式也更容易做到單文件集成圖片，音頻，視頻等任意資源，所以它的解碼速度比Lottie快得很多。

　　支持更多AE特性

　　PAG支持更多的AE特性，目前支持Lottie在移動(dòng)端幾乎所有的功能，并且額外在文本，遮罩，濾鏡方面比Lottie支持更加全面。比如一些內(nèi)置的特效。

　　性能更好

　　PAGViewer 面板可以定性的評(píng)估PAG素材的性能。

　　對(duì)比不同的素材，我們從渲染耗時(shí)來看，優(yōu)化的時(shí)間都是Lottie的100%以上的，從內(nèi)存上來看，平均優(yōu)化的空間是巨大的，對(duì)于一款應(yīng)用來說，提升不可小覷。

　　接口易維護(hù)

　　首先，我們從平臺(tái)上來看：

　　Lottie僅支持Android、iOS、web、mac OS

　　SVGA支持Android、iOS和web端

　　PAG可以支持到Android、iOS、web、mac OS、windows、Linux，涵蓋到所有平臺(tái)。

　　PAG為很多的用戶考慮到平臺(tái)兼容性，真的下了很多功夫。當(dāng)然了，除了上面的平臺(tái)兼容外，PAG 在接口設(shè)計(jì)上也更加容易去維護(hù)。

　　打開官網(wǎng)，都有完備的接入文檔。

　　PAG使用初體驗(yàn)

　　接下來，我會(huì)作為零基礎(chǔ)的用戶，給大家介紹下操作體驗(yàn)。

　　PAG導(dǎo)出面板

　　以設(shè)計(jì)完成的AE動(dòng)效為例，安裝好PAGViewer后，選擇安裝AE插件，即可在AE中支持導(dǎo)出PAG文件。

　　在導(dǎo)出PAG文件時(shí)可以看到提供了兩種方式。

　　導(dǎo)出插件面板和直接導(dǎo)出，前者增加了導(dǎo)出插件面板的顯示，方便查看AE工程中直接導(dǎo)出存在的問題，并且有更豐富的錯(cuò)誤提示以及相應(yīng)的改進(jìn)建議，方便設(shè)計(jì)師快速發(fā)現(xiàn)和解決問題。

　　同時(shí)，支持一鍵導(dǎo)出BMP預(yù)合成和查看占位圖層。

　　另外，由于pag動(dòng)畫的時(shí)長(zhǎng)是固定的，在某些場(chǎng)景需要pag文件的時(shí)長(zhǎng)能夠動(dòng)態(tài)變化，于是增加了時(shí)間伸縮的功能。當(dāng)設(shè)置PAG的播放時(shí)長(zhǎng)和pag文件時(shí)長(zhǎng)不一致時(shí)，會(huì)應(yīng)用時(shí)間伸縮。

　　由此可見，在PAG文件導(dǎo)出之前，就能在面板確保動(dòng)效呈現(xiàn)效果，并對(duì)動(dòng)效圖層做出相應(yīng)的預(yù)覽和調(diào)整。用UI的方式替代復(fù)雜的手工操作，提高了設(shè)計(jì)師的生產(chǎn)效率。

　　并且，操作過后，界面上能夠記憶上次的選擇，避免多次重復(fù)的操作。