動(dòng)畫作為最吸引眼球的內(nèi)容素材之一，在各類終端APP中都得到了創(chuàng)作者的垂青。動(dòng)畫作品能幫助用戶交互更加順滑，更能讓主題內(nèi)涵得到更豐滿的詮釋，但也正因如此，動(dòng)畫的設(shè)計(jì)、制作以及導(dǎo)出都尤為耗費(fèi)心神。

為解決這一問(wèn)題，騰訊PCG發(fā)布器中臺(tái)研發(fā)了一套完整動(dòng)畫工作流解決方案——PAG(Portable?Animated?Graphics)。

PAG不僅將其他動(dòng)畫工作流解決方案存在的多項(xiàng)痛點(diǎn)問(wèn)題予以解決，更在相同矢量動(dòng)畫的條件下，文本大小可以做到Lottie的50%左右，性能相對(duì)比Lottie也有了很大的提升，單幀平均耗時(shí)小于Lottie的50%，以更高的可編輯性解放了設(shè)計(jì)師的創(chuàng)造性，提升了工作效率。

不少動(dòng)畫行業(yè)的小伙伴們?cè)谠S久之前就已躍躍欲試，但苦于始終沒(méi)有向外開(kāi)放，只能遠(yuǎn)遠(yuǎn)觀望。如今，好消息終于來(lái)啦：據(jù)悉，今年一月份，PAG即將在github等平臺(tái)對(duì)外全面開(kāi)源，希望能為更多動(dòng)畫創(chuàng)作者提供優(yōu)質(zhì)服務(wù)。

據(jù)悉，在內(nèi)測(cè)期間，PAG已應(yīng)用于騰訊多款知名APP之中，例如微信、QQ、王者榮耀、QQ音樂(lè)、騰訊視頻等等。

正值PAG將要對(duì)外開(kāi)放之際，讓我們從技術(shù)層面解構(gòu)PAG，一探其性能優(yōu)越之究竟。

PAG動(dòng)畫工作流，完善的動(dòng)畫解決方案

目前業(yè)界常用的動(dòng)畫工作流解決方案主要有Lottie和SVGA兩款軟件，他們都可以將AE制作的動(dòng)畫導(dǎo)出成一個(gè)文件，在終端APP中加載渲染使用，以此提升動(dòng)畫開(kāi)發(fā)上線的效率。

其中Lottie最早是為了解決矢量圖形類動(dòng)畫的問(wèn)題，功能也幾乎全部集中于此;SVGA則是為補(bǔ)足Lottie功能缺失而設(shè)計(jì)出的跨平臺(tái)動(dòng)畫解決方案，因此并不支持復(fù)雜矢量圖形類動(dòng)畫。雙方在性能上各有所長(zhǎng)，同樣也各有所缺。

PAG則針對(duì)Lottie和SVGA進(jìn)行了補(bǔ)足與優(yōu)化。在矢量動(dòng)畫渲染性能上，PAG在Android/iOS平臺(tái)的文件解碼耗時(shí)、平均每幀渲染耗時(shí)等參數(shù)指標(biāo)上，都遠(yuǎn)快于Lottie和SVGA，實(shí)現(xiàn)了效率層面的跨越式提升。在矢量導(dǎo)出方式上，PAG還支持引入了視頻序列幀結(jié)合矢量的混合導(dǎo)出能力，實(shí)現(xiàn)支持所有AE特性的同時(shí)，又能保持動(dòng)畫運(yùn)行時(shí)的可編輯性，從而得以最大程度地發(fā)揮設(shè)計(jì)師的創(chuàng)造力。

不僅如此，由于Lottie和SVGA都是用AE?Script?SDK來(lái)導(dǎo)出AE工程，而AE?Script?SDK本身不能訪問(wèn)AE文件中的所有屬性，導(dǎo)致二者有時(shí)導(dǎo)出文件會(huì)發(fā)生內(nèi)容缺失現(xiàn)象。PAG則采用AE?C++?SDK來(lái)導(dǎo)出AE工程，允許訪問(wèn)AE文件中所有屬性和部分高級(jí)API，實(shí)現(xiàn)了AE文件的完整導(dǎo)出。

功能突破，多方位提升創(chuàng)作效率

那么PAG具體是如何做到這一點(diǎn)的呢？

從技術(shù)層面講，PAG采用C++實(shí)現(xiàn)渲染，所有平臺(tái)共享同一套實(shí)現(xiàn)，平臺(tái)端只作為封裝接口簡(jiǎn)單調(diào)用，提供一個(gè)渲染環(huán)境，并無(wú)強(qiáng)依賴性，因此PAG能夠做到所有平臺(tái)支持特性一致，渲染效果一致。

不僅如此，PAG的技術(shù)能力還包含BMP預(yù)合成、圖層級(jí)別編輯、整合視頻渲染等先進(jìn)功能。

BMP預(yù)合成功能的加入，完美彌補(bǔ)了PAG支持AE特性較少的不足，支持導(dǎo)出所有的AE特性，適用于不可編輯的場(chǎng)景。與此同時(shí)，PAG中還增加了支持矢量和BMP預(yù)合成混合導(dǎo)出，從而實(shí)現(xiàn)支持AE所有特性的同時(shí)又保持運(yùn)行時(shí)的可編輯性。

圖層級(jí)別編輯，則是為了適應(yīng)如今多PAG文件組合，由業(yè)務(wù)方去控制組合的規(guī)則。簡(jiǎn)單來(lái)說(shuō)，一個(gè)文件就是一棵渲染樹，支持圖層級(jí)別的任意修改位置甚至增刪圖層，也可以把別的PAG文件添加到這棵渲染樹中作為子樹，時(shí)間軸的循環(huán)、變速、定格也由你隨心所欲。

要讓動(dòng)畫在視頻編輯場(chǎng)景中完美整合，就必須解決兩個(gè)問(wèn)題：支持離屏渲染繪制、子線程渲染。PAG整套動(dòng)畫方案都是基于C++跨平臺(tái)架構(gòu)研發(fā)的，天然保障了跨端斷然一致性，并能夠直接渲染到離屏紋理上，完美支持子線程動(dòng)畫渲染。在此過(guò)程中，PAG還采用了時(shí)間靜態(tài)區(qū)間和三級(jí)緩存結(jié)構(gòu)最大限度地降低開(kāi)銷與緩存，為用戶提供更順滑的創(chuàng)作體驗(yàn)。

除此之外，PAG的服務(wù)端渲染和web端支持也給到了用戶更廣闊的創(chuàng)作空間與時(shí)間余裕。

目前來(lái)看，PAG對(duì)外開(kāi)源后將有助于UI動(dòng)畫、貼紙動(dòng)畫、照片模板、視頻模板以及智能剪輯等功能的開(kāi)發(fā)。

一、UI動(dòng)畫

如上圖右下角的Pick按鈕動(dòng)畫，設(shè)計(jì)師設(shè)計(jì)出動(dòng)畫文件后，研發(fā)只需要替換預(yù)設(shè)的文本內(nèi)容即可，并且文件體積非常小，僅2KB左右。

二、貼紙動(dòng)畫

PAG的動(dòng)畫文件可以在任意子線程渲染，可以合成到視頻畫面，作為貼紙、字幕、特效、轉(zhuǎn)場(chǎng)動(dòng)畫使用，且支持用戶自己修改文本內(nèi)容。

三、照片/視頻模板

PAG支持將內(nèi)置的圖片/視頻作為占位圖替換，并保留所有動(dòng)畫效果。因此可以將整個(gè)PAG動(dòng)畫設(shè)計(jì)成一個(gè)模板，把預(yù)設(shè)的占位圖替換成用戶選取的照片，自動(dòng)套用效果生成視頻。全程可以讓設(shè)計(jì)師自由批量生產(chǎn)模板，無(wú)需研發(fā)介入。

四、智能剪輯

智能剪輯是圍繞用戶上傳的視頻內(nèi)容，生成定制化的模板，模板本身是不固定的，可以從多個(gè)PAG文件組合而成，類似活字印刷。設(shè)計(jì)師可以利用這個(gè)特性，構(gòu)建自己的特效組件庫(kù)，然后對(duì)接AI的識(shí)別能力，根據(jù)一定規(guī)則組合得到無(wú)限數(shù)量的模板效果，可以做到一鍵出片。值得一提的是，王者榮耀的周戰(zhàn)報(bào)功能就是它的典型應(yīng)用場(chǎng)景。

可以看出，PAG作為騰訊所推出的動(dòng)畫工作流解決方案，功能已經(jīng)較為完善與健全，具備更為優(yōu)秀的效率與便捷度，也最大限度地降低了開(kāi)發(fā)者的時(shí)間、創(chuàng)意成本。不僅如此，在經(jīng)歷了諸多騰訊內(nèi)部產(chǎn)品的先行實(shí)驗(yàn)，PAG的實(shí)用性也毋庸置疑。

PAG即將對(duì)外開(kāi)源，對(duì)如今正在從事動(dòng)畫創(chuàng)作的工作者們的幫助不言而喻，也將以自身功能的優(yōu)越性激發(fā)更多潛在創(chuàng)作者加入到動(dòng)畫行業(yè)之中，為這片藍(lán)海提供更多的有生力量，為移動(dòng)端動(dòng)畫產(chǎn)業(yè)貢獻(xiàn)屬于自己的技術(shù)價(jià)值。

本文地址：http://www.dayishuiji.com/caijing/18871.html - 轉(zhuǎn)載請(qǐng)保留原文鏈接。

免責(zé)聲明：本文轉(zhuǎn)載上述內(nèi)容出于傳遞更多信息之目的，不代表本網(wǎng)的觀點(diǎn)和立場(chǎng)，故本網(wǎng)對(duì)其真實(shí)性不負(fù)責(zé)，也不構(gòu)成任何其他建議；本網(wǎng)站圖片，文字之類版權(quán)申明，因?yàn)榫W(wǎng)站可以由注冊(cè)用戶自行上傳圖片或文字，本網(wǎng)站無(wú)法鑒別所上傳圖片或文字的知識(shí)版權(quán)，如果侵犯，請(qǐng)及時(shí)通知我們，本網(wǎng)站將在第一時(shí)間及時(shí)刪除。