精靈圖動畫預覽器

一張排成網格時看起來沒問題的圖集，動起來仍可能跳格、滑步或卡頓。每改一點就開引擎檢查太慢了。這個預覽器會以你設定的 FPS 播放圖集，提供像素級縮放、檢查影格間距的洋蔥皮、適合待機動畫的來回播放，以及針對包含多個動畫或方向之圖集的逐列播放。

動畫預覽器使用教學

1. 拖放一張精靈圖集（自動偵測網格）、多張影格 PNG，或一個 GIF 動畫。
2. 需要的話修正列數與欄數。多列圖集可以選擇其中一列，只播放單一動畫或方向。
3. 設定 FPS。預覽也會顯示每格的毫秒數，大多數引擎要填的就是這個值。
4. 用方向鍵逐格檢視，開啟洋蔥皮查看上一格，再試試來回播放。
5. 以像素級精確縮放放大，並切換背景，在深色、淺色與綠色上檢查精靈圖。
6. 以相同的速度、來回設定與背景匯出 GIF。

你會得到什麼

• 即時預覽，1–60 fps，支援逐格檢視與鍵盤快速鍵。
• GIF 動畫，1×–8×，透明或純色背景，可直接用於開發日誌或商店頁面。

適用哪些引擎

• 把在這裡看起來最順的 FPS 當作動畫速度，填入 Godot（SpriteFrames 速度）、Unity（Sample Rate）、GameMaker（sprite 速度）或 Phaser（frameRate）。
• 逐列播放和大多數引擎存放 4 方向與 8 方向圖集的方式一致：每個方向一列。

來自實際做遊戲的技巧

• 走路循環通常在 8–12 fps 最自然；跑步在 12–16 fps；待機在 4–8 fps。
• 洋蔥皮會以藍色顯示上一格。如果某個肢體在兩格之間跳得很遠，就加一張中間格。
• 如果角色在滑步，表示各格的錨點不一致。用精靈圖集切割器以底部對齊重新切割。
• 也要在淺色背景上檢查。在黑底上看起來沒問題的深色描邊，放到深色遊戲地圖上可能就看不見了。

使用情境

• 匯入引擎前檢查動畫節奏。
• 審查美術或素材包提供的圖集。
• 把圖集做成 GIF，用於社群貼文或提案簡報。
• 逐列並排比較 8 方向角色的各個方向。

常見問題