PAGViewer是為動畫制作人員打造的一款工具，其目標(biāo)是降低或消除動畫研發(fā)相關(guān)的成本，將設(shè)計(jì)師創(chuàng)作到素材上線的流程打通，幫助用戶創(chuàng)作出可編輯的高質(zhì)量內(nèi)容。軟件里有著豐富的功能可幫助用戶快速高效的完成動畫的制作，支持在AE中安裝插件，將制作好的動畫內(nèi)容快速的導(dǎo)出，在軟件中進(jìn)行預(yù)覽觀看。

軟件特色

高效的文件格式

采用可擴(kuò)展的二進(jìn)制文件格式，可單文件集成圖片音頻等資源，實(shí)現(xiàn)快速交付。導(dǎo)出相同的 AE 動畫內(nèi)容，在文件解碼速度和壓縮率上均大幅領(lǐng)先于同類型方案。

AE 特性全面支持

在純矢量導(dǎo)出方式上支持更多 AE 特性的同時(shí)，還引入了BMP預(yù)合成結(jié)合矢量的混合導(dǎo)出能力，實(shí)現(xiàn)支持所有 AE 特性的同時(shí)又能保持動畫運(yùn)行時(shí)的可編輯性。

完善的桌面工具

提供從「導(dǎo)出插件」到「桌面預(yù)覽」等一系列完善的桌面效率工具，讓設(shè)計(jì)師可以所見即所得地生產(chǎn)素材，研發(fā)無需介入還原效果，極大降低了設(shè)計(jì)與研發(fā)的對接成本。

性能監(jiān)測可視化

通過導(dǎo)出插件內(nèi)置的自動優(yōu)化策略，以及預(yù)覽工具集成的性能監(jiān)測面板，能夠直觀地看到每個(gè)素材的性能狀態(tài)，以幫助設(shè)計(jì)師制作效果和性能俱佳的動畫特效。

運(yùn)行時(shí)可編輯

運(yùn)行時(shí)，可在保留動畫效果前提下，動態(tài)修改替換文本或替換占位圖內(nèi)容，甚至對任意子圖層進(jìn)行增改及移動，輕松實(shí)現(xiàn)照片和視頻模板等素材的批量化生產(chǎn)。

編輯預(yù)覽圖層使用方法

編輯文字

1、打開PAGViewer，檢查軟件版本，確保PAGViewer的版本號為 1.4.33 或以上。(如果低于 1.4.33 請更新到最新版本)

2、正常打開某PAG文件。

3、點(diǎn)擊頂部菜單視圖->顯示/隱藏圖層編輯面板，或按快捷鍵"L"。

基礎(chǔ)文字編輯功能

1、在圖層編輯面板中點(diǎn)擊希望更改的文字區(qū)域，可以直接修改圖層文字。

2、編輯完成后，對應(yīng)圖層會展示更改后的文字。

高級文字編輯功能

1、在圖層編輯面板中點(diǎn)擊對應(yīng)圖層的編輯按鈕，打開對應(yīng)文本圖層編輯窗口。

2、文本圖層編輯窗口可以修改圖層的粗體、斜體、字體顏色、字體、字號、描邊顏色、描邊寬度以及文本屬性。編輯過程中，可以在播放窗口中直接預(yù)覽對應(yīng)圖層狀態(tài)。

3、粗體\斜體點(diǎn)擊后面的選擇框即可更改。

4、更改字體顏色/描邊顏色時(shí)，會打開顏色選擇界面，選擇顏色后會自動應(yīng)用在對應(yīng)屬性上。

5、字體選項(xiàng)會展示當(dāng)前使用的字體，點(diǎn)擊字體選項(xiàng)會顯示PAG在OSX系統(tǒng)中的所有默認(rèn)字體。Tips:如果該選項(xiàng)沒有顯示對應(yīng)字體，說明圖層使用字體不在系統(tǒng)默認(rèn)字體庫中。

6、字號/描邊寬度只允許輸入數(shù)字，如果使用非數(shù)字，會恢復(fù)之前的狀態(tài)。

7、文本可以修改圖層對應(yīng)的文字。

8、確認(rèn)修改后，點(diǎn)擊"確認(rèn)"按鈕可以應(yīng)用修改。

重置至初始狀態(tài)

點(diǎn)擊對應(yīng)圖層的"撤銷"按鈕，會將圖層恢復(fù)至圖層最初狀態(tài)。

替換圖片

1、打開PAGViewer，檢查軟件版本，確保PAGViewer的版本號為 1.4.33 或以上。(如果低于 1.4.33 請更新到最新版本)。

2、正常打開某pag文件。

3、點(diǎn)擊頂部菜單 視圖 -> 顯示/隱藏 圖層編輯面板，或按快捷鍵"L", 圖層編輯版面展開在右側(cè)。

4、在需要替換圖片圖層右側(cè),點(diǎn)擊“替換”彈出圖片選擇面板，選擇目標(biāo)圖片后點(diǎn)擊“打開”即可替換該圖層?；蛘咄ㄟ^直接拖拽圖片到對應(yīng)圖層同樣可以達(dá)到替換效果。

5、在對應(yīng)圖層點(diǎn)擊"撤銷"鈕即可恢復(fù)此圖層圖片為初始狀態(tài)。

查看PAG文件結(jié)構(gòu)方法

1、打開PAGViewer，檢查軟件版本，確保PAGViewer的版本號為 1.4.46 或以上。(如果低于 1.4.46 請更新到最新版本)

2、正常打開某pag文件。

3、點(diǎn)擊頂部菜單視圖->顯示/隱藏 編輯面板或按快捷鍵"L"。

導(dǎo)出其他圖片格式方法

導(dǎo)出PNG

1、打開PAGViewer，檢查軟件版本，確保PAGViewer的版本號為 1.3.8 或以上。(如果低于 1.3.8 請更新到最新版本)

2、正常打開某PAG文件。

3、如果需要導(dǎo)出某一幀，則請先（通過空格和左右方向鍵控制）暫停在該幀。

4、點(diǎn)擊播放窗口任意位置，使播放窗口成為最上層窗口。

5、點(diǎn)擊頂部菜單 File -> 導(dǎo)出 -> 保存當(dāng)前幀為PNG, 或按快捷鍵 “Ctrl + P”。(1.4.34后，菜單路徑為 文件 -> 導(dǎo)出 -> 保存當(dāng)前幀為PNG)

6、在彈窗中選擇導(dǎo)出文件目錄（默認(rèn)為PAG文件同級目錄），點(diǎn)擊保存。

7、將在所選目錄中生成一個(gè)PAG同名+.png后綴的PNG文件（比如test.pag, 將生成test.png），即是導(dǎo)出的PNG文件。

導(dǎo)出 PNG 序列幀

1、打開PAGViewer，檢查軟件版本，確保PAGViewer的版本號為 1.4.25 或以上。(如果低于 1.4.25 請更新到最新版本)

2、正常打開某pag文件。

3、點(diǎn)擊頂部菜單 File -> 導(dǎo)出 -> 導(dǎo)出PNG序列幀。(1.4.34后，菜單路徑為 文件 -> 導(dǎo)出 -> 導(dǎo)出PNG序列幀)

4、在彈窗中選擇導(dǎo)出文件目錄（默認(rèn)為PAG文件同級目錄），點(diǎn)擊保存。

5、將在所目錄中生存一個(gè)PAG同名 + _PNGs文件夾，文件夾內(nèi)包含PAG文件導(dǎo)出的所有序列幀文件 (比如test.pag, 將生成test_PNGs文件夾,也可自定義修改), PNG序列幀將導(dǎo)出在所生成文件夾中。

6、所有PNG序列幀文件導(dǎo)出成功后將彈窗提示導(dǎo)出結(jié)果。

導(dǎo)出 APNG

1、打開PAGViewer，檢查軟件版本，確保PAGViewer的版本號為 1.4.25 或以上。(如果低于 1.4.25 請更新到最新版本)

2、正常打開某pag文件。

3、點(diǎn)擊頂部菜單 File -> 導(dǎo)出 -> 導(dǎo)出APNG。(1.4.34后，菜單路徑為文件->導(dǎo)出-> 導(dǎo)出APNG)

4、在彈窗中選擇導(dǎo)出文件目錄（默認(rèn)為PAG文件同級目錄)。 默認(rèn)文件名為 PAG同名 + _apng.png 如 test_apng.png(也可自定義修改),點(diǎn)擊保存。

5、APNG 文件導(dǎo)出成功后將彈窗提示導(dǎo)出結(jié)果。

常見問題

問：PAG 收費(fèi)嗎？

PAG 已正式對外開源，采用 Apache 2.0 協(xié)議，可以商用，是不收費(fèi)的。

問：PAG 源碼編譯的時(shí)候報(bào)錯了怎么處理？

PAG 項(xiàng)目的編譯依賴一些第三方庫的下載同步，以及正確版本的編譯工具安裝。在運(yùn)行 Demo 前請務(wù)必先閱讀位于根目錄的 README.md，根據(jù) 開發(fā)指南 一節(jié)的指引進(jìn)行依賴同步和編譯環(huán)境配置。如還有問題，可以在 QQ 群向我們反饋。

問：PAG 支持模擬器嗎？在模擬器上測試性能是否準(zhǔn)確？

PAG 只保證 UI 動畫在模擬器里的基本預(yù)覽，不建議在模擬器上高強(qiáng)度使用或者進(jìn)行性能測試。PAG 是一個(gè)全鏈路 GPU 加速的 渲染方案，在模擬器上由于無法開啟 GPU 加速，性能會比實(shí)際情況差很多，另外模擬器也缺失部分必要的接口，導(dǎo)致一些配合高級視頻編輯功能的接口在模擬器上也不支持。例如無法繪制到 CVPixelBuffer 離屏對象上。另外模擬器也不是真實(shí)用戶場景，性能測試請使用真機(jī)進(jìn)行。

問：PAG 支持 Flutter 使用嗎？

PAG 支持 Flutter 使用，目前已經(jīng)有成功使用的案例，需要業(yè)務(wù)層做些適配。具體原理是通過外部紋理做橋接，PAG 可以將動畫逐幀繪制到指定的紋理上。因此，外部的任何框架包括 Flutter 只要能提供一個(gè)紋理給 PAG 繪制，都可以完美實(shí)現(xiàn)橋接或融合。具體請搜索 Flutter 外接紋理接口，提供一個(gè)紋理包裝成 PAGSurface后，然后使用 PAGPlayer 正常進(jìn)行繪制控制即可。