精靈圖 + JSON
將影格排列成PNG，並附上描述影格位置的JSON資料。
實際匯出成果
上傳前，先查看真正的16格精靈圖
這張自有素材製作的4 × 4 PNG，取樣自4.00秒來源影片中選取的1.292秒片段。每格384 × 384像素，目標播放速度為12 fps；完整實例頁也提供對應的JSON影格資料。
- 16格透明影像
- 4 × 4排列
- 1536 × 1536 PNG
- 每格384 × 384
精靈圖製作流程
從檢查過的動作製作精靈圖
生成、片段編輯、影格取樣與檔案打包分成可檢查的步驟，讓最終精靈圖只保留真正需要的動作。
- 1
選擇來源素材
需要新動作時上傳角色原圖；已有動畫時可匯入MP4、WebM或MOV影片。
- 2
產生或匯入動作
從圖片產生影片預覽，或直接在工作區開啟支援的動畫影片。
- 3
剪輯與取樣
設定可用片段、逐格檢查，再決定用多少影格呈現動作。
- 4
匯出檔案包
下載含JSON資料的精靈圖、獨立PNG影格，或可供遊戲引擎使用的素材包。
從手邊的素材開始
同一個工具，兩種來源流程
匯出步驟相同；起點則取決於角色是否還需要產生動作，或是已經有動畫影片。
影格與版面控制
決定哪些動作進入精靈圖
先檢查動作，再分別設定片段、影格數、尺寸、處理方式與檔案格式，不必直接將整段影片做成精靈圖。
- 用起點和終點排除不需要的開頭或收尾。
- 逐格檢查所選片段，並透過循環預覽確認重複動作。
- 開始匯出任務前選好影格數與尺寸。
- 只有來源背景合適時，才使用可選的色鍵或去背處理。
已選取影格精靈圖網格 · PNG + JSON
匯出選項
選用適合遊戲流程的檔案
同一次匯出可以選擇多種格式。加入正式專案前，請檢查下載的檔案及透明邊緣。
PNG序列影格ZIP
工具或引擎偏好獨立圖片時，可取得包含逐格PNG的ZIP壓縮檔。
遊戲引擎素材包
為Unity、Godot 4、Unreal Paper2D或Cocos Creator整理的精靈素材與匯入資料。
精靈圖製作常見問題
這是AI精靈圖生成工具嗎？
AnimGen可以從角色原圖產生動作預覽，但不會跳過檢查。選好可用片段與匯出設定後，才會建立最終精靈圖。
可以從自己的影片製作精靈圖嗎？
可以。目前網頁流程接受MP4、WebM和MOV，但影片內部的編碼仍需瀏覽器能夠解碼。
精靈圖會包含JSON資料嗎？
會。精靈圖匯出包含PNG與描述影格配置的JSON資料；也可以選擇獨立PNG或引擎素材包。
匯出的精靈可以有透明背景嗎？
若來源影片適合，可在匯出時使用可選的色鍵或去背處理。效果視素材而定，正式使用前請檢查細節、陰影、模糊與邊緣。