拆图插件上新:有plist的我能拆,没有plist也能拆!

需求背景

游戏开发过程中,经常需要和plist/dragonBones/spine等合图打交道,在排查问题的过程中我遇到2个需求痛点:

  • 直观的观察散图信息
  • 将合图拆分为散图

我找了多个工具,用起来都不是很方便顺手,于是就自己编写了该插件。

插件同时支持creator v2/v3版本,能实现这么丝滑无缝支持多个creator版本,全靠cc-plugin的底层支撑,一次编写,多处运行。

体验地址:

https://tidys.github.io/atlas-clipper/main.html

插件功能

将图集拆分为散图文件,支持多种格式的合图拆分

  • dragonBones
  • spine
  • plist
  • egret textureMerger movie clip
  • egret textureMerger sprite sheet
  • 像素拆图

使用教程

插件下载地址:

Cocos Store

  1. 点击菜单扩展/atlas-clipper, 打开插件后如下

  2. 拖拽对应的文件到插件中

  3. 选择列表中的散图,可以查看对应区域的纹理

  4. 点击拆图,即可下载拆分后的散图纹理

  5. 支持多个预览实例对比,方便对比合图的差异,这也是该插件的独特之处。

egret

正常的plist拆分功能就不说了,这是最基本的需求,其实好多小伙伴是冲着这个egretMovieClip拆分来的,我也仔细研究了改格式的数据,保证拆分出来的散图在播放时,不会发生图像的抖动问题,其实就是中心点的问题。

Plist动画预览

大部分情况下,我们都会选择将动画序列帧打包为一个plist,插件支持预览plist动画,方便观察动画效果。

增加了一些快捷键,方便使用:暂停动画、播放动画、查看上一帧、查看下一帧、调整播放帧率、显示隐藏参考线、调整offset。

如果发现plist打包后的动画效果会发生抖动,参考线和offset的相关功能,就是为了调整动画的抖动而开发的,修改offset后,将plist重新导出即可,一般我们不需要这个功能,当你发生动画播放抖动时,这个功能会帮你快速排查定位问题。

像素拆图

只有一张图片,却没有对应的plist配置文件,这种情况下,插件支持识别像素进行拆分,也有不少的用户反馈的确需要这个功能,所以就追加实现了。

需要注意图片必须有缝隙,否则无法识别出。

右键插件的图片预览区域,会弹窗pixel split菜单,选择即可进行像素识别拆分,过程可能比较耗时,需要耐心等待。

广告时间

最近被优化了,空闲时间比较多,有任何cocos2dx, cocos creator疑难杂症的朋友,从engine渲染到打包发布、游戏崩溃,性能优化,总之任何一个游戏开发环节,本人都有比较丰富的经验,欢迎咨询

image

7赞

:star_struck:

超过35岁了? :face_with_raised_eyebrow:

是的,快35了

支持你一下不过你好歹用我体验一次啊

:+1: :+1: :+1:

太惨了。。。。。。

梅逝的,这种大佬在哪都是香饽饽。

100+spine动画怎么优化? :hot_face:

有大神?cocosCreator2.4.8打包android-34 在谷歌审核被拒(广播接收器注册有误registerReceiver) 这个呢?会?

好歹让人体验一下啊,点了拆图效果没出来,弹个窗让人下载插件。。。
如果是这样,这体验有啥意思,就体验个上传个图片 :sweat:
image

如果你有plist,上传plist和png,也是能看到拆分效果的
如果你没有plist,右键图片,选择菜单 pixel split,是能看到拆分效果的,

可能上边我写的不清楚,如果你能下载拆分结果了,我还放在商店就没啥意义了,所以web版本只能预览,不能下载,回头录个视频

加vvvvvv

只支持拆分预览,不支持下载

又不是下载拆分结果,上传图片后你这左边啥都没有,点拆图就弹窗。
整个功能体验下来就是上传图片,根本没体验到拆图的功能

你的情况是没有plist想要拆图,上传图片后当然是没有拆分结果的。

需要右键图片,选择菜单 pixel split,你就会看到拆分的结果,我补全了动态图,你翻回去看下

这里的确存在一个交互的误区,有时间我想下怎么优化下交互

我还以为随便传张图,自动全拆了。

这拖曳拆图不能点击
image

论文档的重要性

那个仅仅是一个tips,告诉你可以拖拽图片进来,因为有的人不知道怎么把图片上传上去,我需要暗示你,我这个插件支持按钮+拖拽

我还以为你这“拖曳拆图”,是指下面这样:自己拖一个绿色区域出来拆
image

我缺一个UE交互设计师,非你莫属