動畫作為最吸引眼球的內(nèi)容素材之一陷寝，在各類終端APP中都得到了創(chuàng)作者的垂青锅很。動畫作品能幫助用戶交互更加順滑，更能讓主題內(nèi)涵得到更豐滿的詮釋凤跑，但也正因如此爆安，動畫的設計、制作以及導出都尤為耗費心神仔引。
為解決這一問題扔仓，騰訊PCG發(fā)布器中臺研發(fā)了一套完整動畫工作流解決方案——PAG(Portable?Animated?Graphics)。
PAG不僅將其他動畫工作流解決方案存在的多項痛點問題予以解決咖耘，更在相同矢量動畫的條件下翘簇，文本大小可以做到Lottie的50%左右，性能相對比Lottie也有了很大的提升儿倒，單幀平均耗時小于Lottie的50%版保，以更高的可編輯性解放了設計師的創(chuàng)造性，提升了工作效率夫否。
不少動畫行業(yè)的小伙伴們在許久之前就已躍躍欲試彻犁，但苦于始終沒有向外開放，只能遠遠觀望凰慈。如今汞幢，好消息終于來啦：據(jù)悉，今年一月份微谓，PAG即將在github等平臺對外全面開源森篷，希望能為更多動畫創(chuàng)作者提供優(yōu)質服務输钩。
據(jù)悉，在內(nèi)測期間疾宏，PAG已應用于騰訊多款知名APP之中张足，例如微信、QQ坎藐、王者榮耀为牍、QQ音樂、騰訊視頻等等岩馍。
正值PAG將要對外開放之際碉咆，讓我們從技術層面解構PAG，一探其性能優(yōu)越之究竟蛀恩。
PAG動畫工作流疫铜，完善的動畫解決方案
目前業(yè)界常用的動畫工作流解決方案主要有Lottie和SVGA兩款軟件，他們都可以將AE制作的動畫導出成一個文件双谆，在終端APP中加載渲染使用壳咕，以此提升動畫開發(fā)上線的效率。
其中Lottie最早是為了解決矢量圖形類動畫的問題顽馋，功能也幾乎全部集中于此;SVGA則是為補足Lottie功能缺失而設計出的跨平臺動畫解決方案谓厘，因此并不支持復雜矢量圖形類動畫。雙方在性能上各有所長寸谜，同樣也各有所缺竟稳。
PAG則針對Lottie和SVGA進行了補足與優(yōu)化。在矢量動畫渲染性能上熊痴，PAG在Android/iOS平臺的文件解碼耗時他爸、平均每幀渲染耗時等參數(shù)指標上，都遠快于Lottie和SVGA果善，實現(xiàn)了效率層面的跨越式提升诊笤。在矢量導出方式上，PAG還支持引入了視頻序列幀結合矢量的混合導出能力巾陕，實現(xiàn)支持所有AE特性的同時讨跟，又能保持動畫運行時的可編輯性，從而得以最大程度地發(fā)揮設計師的創(chuàng)造力惜论。
不僅如此许赃，由于Lottie和SVGA都是用AE?Script?SDK來導出AE工程止喷，而AE?Script?SDK本身不能訪問AE文件中的所有屬性馆类，導致二者有時導出文件會發(fā)生內(nèi)容缺失現(xiàn)象。PAG則采用AE?C++?SDK來導出AE工程弹谁，允許訪問AE文件中所有屬性和部分高級API乾巧，實現(xiàn)了AE文件的完整導出句喜。
功能突破，多方位提升創(chuàng)作效率
那么PAG具體是如何做到這一點的呢沟于？
從技術層面講咳胃，PAG采用C++實現(xiàn)渲染，所有平臺共享同一套實現(xiàn)旷太，平臺端只作為封裝接口簡單調(diào)用展懈，提供一個渲染環(huán)境，并無強依賴性供璧，因此PAG能夠做到所有平臺支持特性一致存崖，渲染效果一致。
不僅如此睡毒，PAG的技術能力還包含BMP預合成来惧、圖層級別編輯、整合視頻渲染等先進功能演顾。
BMP預合成功能的加入供搀，完美彌補了PAG支持AE特性較少的不足，支持導出所有的AE特性钠至，適用于不可編輯的場景葛虐。與此同時，PAG中還增加了支持矢量和BMP預合成混合導出棕洋，從而實現(xiàn)支持AE所有特性的同時又保持運行時的可編輯性挡闰。
圖層級別編輯，則是為了適應如今多PAG文件組合掰盘，由業(yè)務方去控制組合的規(guī)則摄悯。簡單來說，一個文件就是一棵渲染樹愧捕，支持圖層級別的任意修改位置甚至增刪圖層奢驯，也可以把別的PAG文件添加到這棵渲染樹中作為子樹，時間軸的循環(huán)次绘、變速瘪阁、定格也由你隨心所欲。
要讓動畫在視頻編輯場景中完美整合邮偎，就必須解決兩個問題：支持離屏渲染繪制管跺、子線程渲染。PAG整套動畫方案都是基于C++跨平臺架構研發(fā)的禾进，天然保障了跨端斷然一致性豁跑，并能夠直接渲染到離屏紋理上，完美支持子線程動畫渲染泻云。在此過程中艇拍，PAG還采用了時間靜態(tài)區(qū)間和三級緩存結構最大限度地降低開銷與緩存狐蜕，為用戶提供更順滑的創(chuàng)作體驗。
除此之外卸夕，PAG的服務端渲染和web端支持也給到了用戶更廣闊的創(chuàng)作空間與時間余裕层释。
目前來看，PAG對外開源后將有助于UI動畫快集、貼紙動畫贡羔、照片模板、視頻模板以及智能剪輯等功能的開發(fā)个初。
一治力、UI動畫
如上圖右下角的Pick按鈕動畫，設計師設計出動畫文件后勃黍，研發(fā)只需要替換預設的文本內(nèi)容即可宵统，并且文件體積非常小，僅2KB左右覆获。
二马澈、貼紙動畫
PAG的動畫文件可以在任意子線程渲染，可以合成到視頻畫面弄息，作為貼紙痊班、字幕、特效摹量、轉場動畫使用涤伐，且支持用戶自己修改文本內(nèi)容。
三缨称、照片/視頻模板
PAG支持將內(nèi)置的圖片/視頻作為占位圖替換凝果，并保留所有動畫效果。因此可以將整個PAG動畫設計成一個模板睦尽，把預設的占位圖替換成用戶選取的照片器净，自動套用效果生成視頻。全程可以讓設計師自由批量生產(chǎn)模板当凡，無需研發(fā)介入山害。
四、智能剪輯
智能剪輯是圍繞用戶上傳的視頻內(nèi)容沿量，生成定制化的模板浪慌，模板本身是不固定的，可以從多個PAG文件組合而成朴则，類似活字印刷权纤。設計師可以利用這個特性，構建自己的特效組件庫，然后對接AI的識別能力妖碉，根據(jù)一定規(guī)則組合得到無限數(shù)量的模板效果，可以做到一鍵出片芥被。值得一提的是欧宜，王者榮耀的周戰(zhàn)報功能就是它的典型應用場景。
可以看出拴魄，PAG作為騰訊所推出的動畫工作流解決方案冗茸，功能已經(jīng)較為完善與健全，具備更為優(yōu)秀的效率與便捷度匹中，也最大限度地降低了開發(fā)者的時間夏漱、創(chuàng)意成本。不僅如此顶捷，在經(jīng)歷了諸多騰訊內(nèi)部產(chǎn)品的先行實驗挂绰，PAG的實用性也毋庸置疑。
PAG即將對外開源服赎，對如今正在從事動畫創(chuàng)作的工作者們的幫助不言而喻葵蒂，也將以自身功能的優(yōu)越性激發(fā)更多潛在創(chuàng)作者加入到動畫行業(yè)之中，為這片藍海提供更多的有生力量重虑，為移動端動畫產(chǎn)業(yè)貢獻屬于自己的技術價值践付。
