← 首页

工具

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。