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。