Cocos 精靈圖集-離線本地工具,瀏覽器訪問直接使用
按網格或透明區域標出精靈圖上的幀,匯出同名 PNG 和 Cocos2d-x 的 plist。
點選上傳 或拖放檔案
PNG、JPG、WEBP 或 GIF
也可用 Ctrl/⌘+V 貼上。
就緒。請開啟精靈圖、拖放,或貼上。
試用示例圖
點選預覽,載入這五幀跳躍條。自動檢測會標出每一塊,再匯出 PNG 和 plist。
開啟一張精靈圖。能數清行列就用簡單網格;已經知道格子寬高、偏移和間距就用手動網格;透明畫素把各塊隔開時用自動檢測。
調整疊加線直到格子對齊。跳過空格子可以丟掉全透明的格。幀名按從左到右、從上到下排列,和把 SpriteFrame 拖進 Cocos Creator 的 Animation Clip 時的順序一致。
匯出的 ZIP 裡是同名的一張 PNG 和一份 format 3 的 plist。把這兩個檔案一起拖進 Assets,Creator 會生成圖集,下面掛 SpriteFrame 子資源。取樣率和 crossFade 仍在編輯器裡設定;這裡不寫 .anim 動畫剪輯。
Creator 的 Auto Atlas 打包的是已經切開的 SpriteFrame,而且發生在構建階段。它不會把 AI 拼好的整張圖切成圖集。這份匯出對應 Creator 已經支援的 Cocos2d-x plist 加 PNG。