什麼是精靈圖拆分工具？
這個工具把 sprite sheet 切成一張張單獨的影格圖。用欄數與列數或精確的圖塊尺寸設定格線，在圖上預覽切割線，再把每一影格以編號 PNG 打包成 ZIP 下載。遊戲開發者常用它從單張圖集裡取出動畫影格或圖示包。
上傳後工具會掃描圖片的透明通道,找出精靈之間的空隙。若間距均勻,圖塊尺寸、間隔和邊距會自動填好。空白格子可以選擇不匯出。影格命名為 name_01.png 依序往下,可單張下載,也能打包成 name_frames.zip,單張圖最多切 1024 格。
使用方法
- 上傳你的 sprite sheet PNG，選擇格線模式：欄×列，或固定的圖塊寬高。
- 調整位移、間距和外邊界，直到預覽格線與你的 sprite 完全對齊。
- 預覽單張影格，可略過空白圖塊，然後把所有影格打包成 PNG 的 ZIP 下載。
何時使用
- 從角色圖集裡取出 12 影格的跑步動畫,匯入 Godot 專案。
- 把買來的圖示合輯拆成獨立 PNG,做成介面元件庫。
- 原始檔遺失時,從舊的地圖磚圖裡把每一格重新取回。
結果
遊戲開發者上傳一張 512×512 的角色圖集，把圖塊尺寸設為 64×64、間距 2 px，格線立刻對準全部 56 格，一次下載 walk_01.png 到 walk_56.png。
常見問題
- 上傳之前一定要自己量好每一格的尺寸嗎?
- 通常不用。工具會掃描透明通道找空隙,若整張圖的間距均勻,圖塊尺寸、邊距與間隔都會自動填入。遇到不規則的圖,會先用常見的 2 的次方尺寸猜一個,再由你手動修正。
- 我的圖集是用 TexturePacker 打包的,精靈位置很零散,怎麼辦?
- 打包過的圖集沒有固定的重複間距,網格切割對它無效。這類匯出工具會附上 JSON 或 XML 檔,記錄每個精靈的矩形位置,需要能讀該檔案的工具。這裡只處理規則網格。
- 切開之後每一格還會保留透明背景嗎?
- 會。每一格都是逐像素複製到獨立的 PNG,alpha 通道一併帶走。因此帶柔和陰影的精靈可以直接丟進引擎,背景不會多出一圈白邊。
- 可以上傳多大的圖?影格數量有上限嗎?
- 檔案上限 20 MB,網格最多 64 欄 64 列,一次最多切 1024 格。1024 個 32×32 的格子就是一張 1024×1024 的圖,已涵蓋大多數實際會用到的素材。
- 匯出的影格順序是什麼?檔名怎麼取?
- 依閱讀順序:先由左至右,再由上而下。檔名取原圖名稱加補零的序號,所以 hero.png 會切成 hero_01.png 到 hero_56.png,在任何檔案總管裡都能正確排序。