影片轉精靈圖集

大多數影片轉精靈圖工具只會按固定間隔擷取影格就結束了。做一次性特效還可以，但做走路循環時，你會得到一張在循環處卡頓的圖集、每條描邊都帶著綠邊，而且因為每格各自裁切，角色還會抖動。這個工具幫你處理這三個問題：找出動作的週期，用邊緣去溢色去除背景，並用同一個裁切框裁切每一格。

影片轉精靈圖集使用教學

1. 拖放 MP4、WebM 或 MOV。在純綠、洋紅、藍色或白色背景前拍攝或算圖的角色，結果最乾淨。含 Alpha 色版的 WebM 在 Chrome 與 Edge 中會保留透明度。
2. 設定你要的片段起訖點（最長 30 秒）與擷取尺寸，然後按下擷取影格。片段會播放一次，同時擷取每一個解碼出的影格。
3. 如果動作會重複，工具會找到一個完整週期並自動選取。選擇圖集要幾格，影格會平均分布在週期中，並排除收尾格，讓循環不會卡頓。
4. 檢查背景去背。自動模式會從影格邊緣讀取背景色；判斷錯誤時，就在來源影格中點擊背景。調整容許度、邊緣柔化、去溢色與收縮 1px，結果會即時更新。
5. 設定最大影格尺寸；如果想要硬邊和所有影格一致的調色盤，請開啟像素化。
6. 匯出附 Aseprite、Phaser/TexturePacker、Godot 或 CSS 資料的 PNG 精靈圖集、GIF 動畫，或包含以上全部與單格圖片的 ZIP。

你會得到什麼

• PNG 精靈圖集，透明背景，以網格排列（自動或固定欄數，可選內距）。
• 影格資料：Aseprite JSON、Phaser/TexturePacker JSON（hash 或 array）、Godot 4 SpriteFrames .tres、附逐格關鍵影格動畫的 CSS sprite 類別，或 Unity 切割設定。
• GIF 動畫，任意整數倍縮放，透明或黑／白背景。
• ZIP 壓縮檔，內含精靈圖集、GIF、所有資料格式與每一格的獨立 PNG。

適用哪些引擎

• Godot 4：把 PNG 與 .tres 放在同一個資料夾，再把 SpriteFrames 指定給 AnimatedSprite2D。如果 PNG 放在其他位置，修改第一行的 res:// 路徑即可。
• Unity：將 PNG 以 Sprite (Multiple) 匯入，Filter Mode 設為 Point，再依 Unity 設定檔中的數值以 Grid By Cell Size 切割。
• Phaser 3 與 PixiJS：把 PNG 和 TexturePacker JSON (hash) 當作圖集載入。JSON 也依序列出了動畫的影格名稱。
• GameMaker、Defold、Construct、RPG Maker：依匯出設定下方顯示的影格尺寸，將 PNG 以長條或網格方式匯入。

來自實際做遊戲的技巧

• 拍攝或算圖時，選用角色身上沒有的背景色。穿綠衣的主角用洋紅最保險；紅色或粉色的物件就用綠色。
• 角色周圍要留邊。如果肢體超出畫面，統一裁切也救不回來。
• 走路和跑步循環用 8 格、10–12 fps，在 32–64 px 下看起來很好。待機動畫可用 4–6 格，並在動畫預覽器中開啟來回播放。
• 如果去背後描邊仍帶色偏，稍微提高邊緣柔化並維持去溢色開啟。只有殘留彩色光圈時才開啟收縮 1px。
• 在遊戲最終尺寸下進行像素化。把 512 px 的影格用共用調色盤縮成 48 px，比縮放一張已經像素化的圖集好看得多。

使用情境

• 把轉描用的參考影片變成原型階段的暫代動畫。
• 從 AI 影片模型生成的綠幕角色影片中擷取循環動作。
• 不必架設算圖流程，就能把 Blender 或 Spine 的算圖結果轉成精靈圖集。
• 把以影片形式算出的特效（煙霧、魔法、水花）做成精靈圖集放進遊戲。

常見問題