精靈圖集的切割與合併方法

遊戲素材常以Sprite Sheet(一張圖上有多個影格)提供,但引擎或編輯器有時需要單獨的檔案,反過來也一樣。只要是規則的網格,兩種轉換都只要一分鐘。

切割圖集

  1. 把圖集拖進精靈圖集切割與合併。
  2. 選擇切法:格子大小(例如32×32)或列 × 欄。
  3. 有邊框就設定偏移X/Y,影格之間有空隙就設定間距。
  4. 用橘色網格確認每個影格都落在格子內。
  5. 下載編號PNG的ZIP檔。

完全透明的格子預設會略過。

合併影格

依序拖入影格(run_01.png~run_10.png這類檔名會自然排序),選擇欄數與間距,就能下載圖集以及記錄每個影格x、y、寬、高的JSON。格式接近TexturePacker的「JSON (Hash)」,在Godot、Unity、Phaser中都很好用。

像素圖保持清晰

影格以像素為單位複製,不做內插。放大遊戲時請用整數倍,像素藝術解析度計算機能找出能完美放大的基準解析度。

限制

  • 前提是規則的網格。尺寸不一、緊密排列的圖集需要原本的圖集資料。
  • 動態GIF只會讀第一格。

需要搭配的調色盤,可以用圖片調色盤擷取。

使用免費工具

更多教學