sdk|王者QQ微信都在用的動畫神器要開源了:把交付時間縮短90%

魚羊 蕭簫 發自 凹非寺
量子位 報道 | 公眾號 QbitAI
給1分鐘的王者“擊殺”合集做一系列炫酷動畫,并集成到客戶端的一鍵戰報生成功能中,需要多長時間?
就像這樣,帶“開黑局”專屬的轉場動畫,英雄昵稱KDA一應俱全:
sdk|王者QQ微信都在用的動畫神器要開源了:把交付時間縮短90%
文章插圖
sdk|王者QQ微信都在用的動畫神器要開源了:把交付時間縮短90%】能在每段“高光”操作出現時,加上一段文字動效渲染氣氛:
sdk|王者QQ微信都在用的動畫神器要開源了:把交付時間縮短90%
文章插圖
還可以在出現“三殺”等極限操作的時候,配合英雄來一把炸場效果:
sdk|王者QQ微信都在用的動畫神器要開源了:把交付時間縮短90%
文章插圖
對于特效設計師和客戶端的開發人員們而言,從設計完成到研發還原效果上線的時間原本應該在一周以上:
畢竟設計師不光要在AE里搞定特效設計,還得跟研發人員反復確認代碼的效果還原度。
碰上特效太復雜、動畫文件太大等情況,免不了又是一場辦公室battle……
sdk|王者QQ微信都在用的動畫神器要開源了:把交付時間縮短90%
文章插圖
這種掉頭發傷感情的事,早已讓程序員們坐不住了。
這不,他們干脆搞出了一套自動化工具,用上它最快4小時就可以交付上線一個動畫。
而最近,這個由騰訊PCG發布器中臺開發,名為PAG (Portable Animated Graphics)的工具傳出“即將對外開源”的消息,更是直接在動畫設計師和研發圈子里點燃了一把火。
畢竟,官方郵箱里早已塞滿來自外部的SDK申請和開源許愿貼。
sdk|王者QQ微信都在用的動畫神器要開源了:把交付時間縮短90%
文章插圖
所以,PAG到底是怎么一回事,能讓研發和設計師們如此躍躍欲試?
PAG是什么?簡單來說,PAG是一套完整的動畫工作流。
在PAG出現之前,理想的移動端動畫制作流程是這樣的:
設計師們先用AE(Adobe Effect)設計出一段動畫效果,導出動畫效果文件(gif或視頻Demo)并交給研發;然后,研發們嘗試用代碼還原動畫,渲染出我們在移動端看到的效果。
sdk|王者QQ微信都在用的動畫神器要開源了:把交付時間縮短90%
文章插圖
但實際上,設計和研發的(一整周)工作流程是這樣的:
sdk|王者QQ微信都在用的動畫神器要開源了:把交付時間縮短90%
文章插圖
雙方battle的問題包括且不限于:
從研發角度來看,并非設計給出的所有特效都能在手機上實現。
如果系統不支持特效實現方式,即使它非常酷炫狂拽,用戶也無法體驗。例如,某個交互特效在安卓和iOS上都無法實現,研發就可能把它打回給設計“重做”。
除了無法實現的特效以外,難以實現的特效也在“重做”范圍內。如果設計給出的特效不在庫里、或是排期不允許,最后都得讓設計重做。
即使前兩個需求都滿足,研發還得考慮實現性能等問題,如果實現完發現對性能要求過高,也會被打回去“重頭再來”。
從設計角度來看,并非研發給出的每個解決方案都可以接受。
如果一個精心設計的動畫,被研發用另一種方式“拼湊”出來,導致效果看起來很“低級”,就脫離了設計的初衷。
因此設計往往需要和研發反復battle協商,最終確定一個折中的方案,甚至在預覽階段,動畫特效也不一定就能拍板,如果臨時變更需求,研發就又得再來一遍……
這種情況下,PAG(Portable Animated Graphics)作為一套動畫工作流“橫空出世”。
它包含三部分:PAG導出插件(PAG Exporter)、桌面預覽工具(PAGViewer)、渲染SDK,分別用來解決前面提到的三大研發問題。

相關經驗推薦