愛奇藝直播-打造高效的特效資源生產體系

愛奇藝技術產品團隊發表於2019-01-29

1.特效繪製

在收到相關的特效製作需求後,設計師會根據特效的顯示特點,選擇最適合的特效製作軟體。

  • 動畫製作軟體

專業的動畫製作軟體, 適合製作偏動畫型別的特效, 比如座駕的入場效果和部分簡單的禮物特效。可匯出swf格式檔案。

  • 特效製作軟體

專業的特效製作軟體,擁有強大的粒子效果庫,能夠製作出非常酷炫的效果,適合用於很多高階禮物特效的製作。可匯出png序列圖。

  • 拼接特效編輯器

前面兩種製作軟體,功能都非常強大, 但是效製作時間比較長。如果需要短時間內上線大量的禮物特效,設計師的壓力可想而知。為此我們開發了拼接特效編輯器,使用該工具製作特效的時間可以縮短至普通流程的1/3,製作的特效也非常的酷炫,多用於活動禮物。

<mark data-type=institutions data-id=29dc67d6-ddd7-45f2-87b4-f0f2a9619872>愛奇藝</mark>直播-打造高效的特效資源生產體系

圖1:拼接特效編輯器

【步驟一】圖形拼接

把素材匯入到工具中,通過複用和組合的方式,在網格化的畫布中拼接成各種圖形。每個特效可由多個圖層的畫布組成。

<mark data-type=institutions data-id=29dc67d6-ddd7-45f2-87b4-f0f2a9619872>愛奇藝</mark>直播-打造高效的特效資源生產體系

圖2:圖形拼接

【步驟二】動效封裝

設計師會預先提供多種動畫效果,封裝在編輯器中作為效果選項。在畫布上完成圖形拼接後,只需要為每張畫布進行出現、停留、消失階段的動畫效果選擇即可。需要在特效播放器中進行相應的動效實現。

【步驟三】資源打包

將特效使用到的點陣圖素材合併為一張PNG圖集。記錄不同素材在圖集中的區域資訊,和特效資料一起放到PNG圖集的IEND資料塊中。最終生成一個IEND資料塊中攜帶特效資料的PNG圖片。

<mark data-type=institutions data-id=29dc67d6-ddd7-45f2-87b4-f0f2a9619872>愛奇藝</mark>直播-打造高效的特效資源生產體系

圖3:拼接特效檔案格式

2.資源適配

愛奇藝直播是一個多平臺的專案,在不同的平臺上,特效的格式、尺寸、幀率、體積等標準都不一樣。設計師使用繪圖軟體匯出的特效資源,無法直接提供給各平臺使用,需要進行相應的適配處理,為每個平臺準備符合標準的特效資源。

在進行適配處理時,設計師經常會面臨下面一些問題,導致適配過程費時費力,最終生產的特效資源效能也得不到保障

  • 各平臺特效尺寸、佈局標準不同,需要花費大量時間對不同平臺的資源進行切圖等工作
  • 缺少高效、統一的壓縮手段,無法保障資源體積
  • 各平臺需求的資源格式眾多,每種格式都需要用到相應的格式生成工具,操作複雜
  • 平臺對資源的特殊需求,比如需要在特效檔案中填充格式化的欄位,而這不是設計師所擅長的

<mark data-type=institutions data-id=29dc67d6-ddd7-45f2-87b4-f0f2a9619872>愛奇藝</mark>直播-打造高效的特效資源生產體系

圖4:資源適配問題

資源介面卡

為了解決上述問題,提高工作,團隊為此開發了一款資源處理工具。使用時,只需要匯入繪製好的基礎資源,選擇需要匯出的尺寸和格式並預覽後,可以快速的生成不同平臺需要的特效資源。

<mark data-type=institutions data-id=29dc67d6-ddd7-45f2-87b4-f0f2a9619872>愛奇藝</mark>直播-打造高效的特效資源生產體系

圖5:資源適配工具

  • 格式輸出

將匯入的基礎資源格式,輸出為各平臺需要的檔案格式,包括通用和平臺自定義的資源格式。

  • 體積壓縮

針對不同的格式,制定相應的壓縮方案,以求達到最優的壓縮效果。

  • 模擬預覽

模擬各個平臺的顯示環境,直接在適配過程中預覽顯示效果,調整尺寸和位置,減少特效提測後的返工率。

3.資源稽核/上傳

設計師完成各平臺的資源製作後,提交給產品,由產品進行稽核、命名、上傳cdn,才能被各平臺所用。

在專案早期,稽核、上傳等操作都需要產品和專業人員溝通後,由專業人員手動完成,成本比較高,人為因素不可控。

  • 溝通成本
  • 稽核不嚴格,細節性的錯誤容易被忽略
  • 資源命名規範無法被嚴格的執行
  • 手動上傳,操作繁瑣

稽核上傳工具

該工具用於幫助產品完成資源的稽核上傳,不需要其他人員參與該環節。它有如下幾個特點:

1.自動稽核

資源匯入工具後,會自動分析該資源的格式、尺寸等資訊,判斷該資源對應的業務。根據業務要求自動稽核該資源,如果資源存在不符合業務要求的問題,則丟擲錯誤提示。

2.命名規範

鎖定資源對應的業務後,只需要輸入基礎命名,會根據命名規範生成最終的資原始檔名和上傳地址。

3.一鍵上傳

工具對接cdn上傳介面,產品確認無誤後一鍵上傳。

總結

工具化的應用,讓整個流程變得高效、穩定,為直播的各種活動提供了保障。相關工具不僅適用於直播專案,可用於各種圖片、動圖資源的處理,特殊的業務需求也可以快速接入。

相關文章