DragonBones旧版本动画文件转新版动画

DragonBones旧版本动画文件转新版动画

DragonBones(简称:DB)2.2版本的骨骼动画是早期Cocos2d-X游戏引擎默认支持的骨骼动画版本,但是DB的后续版本在数据格式上做了很大的调整,导致旧的游戏里面使用的骨骼动画无法在新工具或者新版本框架内无法使用。

动画制作

很多动画美术习惯使用flash进行动画的制作,DB官方提供了flash Pro插件,允许在flash内直接制作DB骨骼动画。

在这里可以下载到DragonBonesPro官方骨骼动画编辑工具和Flash Pro插件,建议美术直接在官方编辑工具上做骨骼动画。

将下载好的Flash Pro插件安装到Flash中,然后就是动画的制作了。

动画导出

在旧版本的Flash Pro插件中无法导出json格式的数据,在Cocos2d-X游戏中通常使用plist + png + xml格式的数据文件,其中png文件是骨骼动画的纹理图集,plist是关于png图片中的帧数据,用于切割图片和创建帧,xml文件里面是相关的动画数据。

旧版本动画资源文件

但是新的DB版本都是用json作为数据文件格式,并且DragonBonesInUnity也是使用json格式,对于plist + png + xml的资源无法进行使用,所以需要一些转换。

旧版本转新版本

因为DB官方已经放弃了早期的版本,所以DragonBonesPro无法导入早期版本的动画数据,所以这个转换过程有点麻烦,我们需要使用CocosStudio v1.6版本(简称:ccs)。

1、下载CCS

由于Cocos官方已经废弃Cocos Studio这个非常尴尬的工具,所以从cocos官网已经无法下载到这个工具,在这里要感谢游戏大牛傅思杰(厦门)的资源整合分享以及github这个大社区(PS:希望这个链接不要失效)!

Cocos Studio V1.6下载

因为要用到ccs的动画编辑功能,所以必须下载windows版本的(貌似没找到1.6的mac版本)。

2、解开plist和png的大图

其实Flash Pro可以将纹理(图片)导出成大图(plist + png),也可以直接导出碎图,就是每个元件一张小图。如果是小图,通常没什么问题,如果是大图就需要解开了。

  • 【mac】

在mac上我们可以使用TextureUnpacker进行碎图操作。

TextureUnpacker的Icon
  • 【win】

在win上可以参考http://www.cnblogs.com/relvin/articles/5543612.html这篇博文的操作,或者自己网络上下类似的工具亦可。

【注意】
碎图后,将所有的碎图放在一个名为“texture”的文件夹中,文件夹需要和骨骼动画的xml文件在同一个目录中,这样才能保证ccs可以正常导入。

碎图和xml动画数据文件的目录结构

3、导入旧骨骼动画资源

安装完ccs后,双击打开,然后选择“Animation Editor”打开ccs的动画编辑器。

选择编辑器类型

打开编辑器后,在顶部的菜单栏中选择“文件 -> 打开Flash项目”

导入资源

在弹窗中,配置项目的名称和保存路径,点击“Flash”后面的“浏览”按钮,找到刚刚和碎图文件夹放在一起的xml文件,点击确定进行导入操作。

导入

如果导入过程中工具弹窗提示“未响应”火车“Cocos StudioAnimationEditor已停止工作”之类的,直接点击弹窗的“关闭程序”按钮,然后等待几秒钟即可加载完成,加载时间随动画的文件大小不同而不同。

4、导出Cocos 1.x数据

动画导入后,选择菜单栏“文件 -> 导出项目”进行导出操作:

导出资源

【导出设置】

  • 图片最大宽度和高度一般选择2的幂次方数,不是所有的2的倍数都可以的。通常不超过4096,太大手机无法加载。
  • 选择项目的导出位置,记住这个目录,到时候才知道文件导出到哪里。
  • 选择“导出全部大图”。
  • 点击“确定按钮”开始导出。
导出

项目导出后在项目里面有个“Export”文件夹,里面就是我们需要的Cocos 1.x骨骼动画文件。

导出的Cocos 1.x骨骼动画文件

其中ExportJson文件是动画数据文件,剩下的plist和png是纹理图片相关的文件。因为我们从ccs导出时设置了图片的最大宽度和高度,如果一张图无法放下所有的图片,就会导出多套plist + png图片。

5、导入到DragonBonesPro中

打开DragonBonesPro然后点击“导入项目数据”进行数据导入:

导入资源

在弹窗中点击“浏览...”按钮,选择刚刚ccs导出的“ExportJson”格式的文件。

浏览ExportJson文件

点击“选择插件...”按钮选择“Cocos 1.x Importer”然后点击完成:

选择导入的插件

纹理集和配置文件默认只会加载一个文件,但是ccs导出的可能会有多个plist + png,这里我们需要点击对应的“浏览”按钮前面的“+”加号按钮将多有的文件都选中,例如下图:

导入ccs动画数据

所有都配置完成后,就可以进行导入操作了。

显示骨骼动画

完成上述操作,稍等一会儿即可在DB中显示出来了。

6、导出新的DragonBones新版本数据

点击DragonBonesPro顶部的工具栏的“导出项目(Cmd+E)”选项进行导出操作:

导出新版本数据

在弹窗中注意导出的路径,我们可以选择“路 径”后面的“浏览...”按钮来选择一个保存导出文件的目录。

在数据版本那边选择你最终需要的DB数据版本,然后点击“完成”按钮即可完成导出。

导出的新版本DragonBones骨骼动画数据

这是一种万不得已的解决方案,我在mac上需要在windows和mac OSX两个系统间切换,过程稍微繁琐了点,在win上应该是可以接受的。当然最好是让美术在DragonBonesPro上制作骨骼动画,这样能最好的实现动画效果,方便跟随官方进行版本升级。

转载自zengbinsi.github.io![https://github.com/zengbinsi/zengbinsi.github.io/issues]

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,445评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,889评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,047评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,760评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,745评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,638评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,011评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,669评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,923评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,655评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,740评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,406评论 4 320
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,995评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,961评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,023评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,483评论 2 342

推荐阅读更多精彩内容

  • 所有的命令行都采用一种缩写规则,这个规则就是: 删掉元音字幕(A E I O U),保留前 2 到 3 个辅音字母...
    zzzZink阅读 199评论 0 0
  • mysql MyISAM引擎和InnoDB的介绍 1、MyISAM MyISAM是MySQL的默认存储引擎,基于...
    twinkle8858阅读 167评论 0 1
  • 揭秘现在互联网上的一些骗局 骗局一:网上招兼职,如下图 目前网上兼职的大部分是淘宝刷单等,平均也就一个小时赚10块...
    光彩社区阅读 244评论 0 0
  • 我不知道为什么这个世上会有矛盾。就如同很长久的一个问题一样,是先有鸡还是先有蛋。是先有矛还是先有盾? 最近在追一部...
    缓缓客及阅读 174评论 0 0
  • 每个曾经走过青春的人,都有他自己心中的迪安。 文│曦明 把手上皱皱巴巴的行程单一字排开,上面的地名已经可以清晰地勾...
    KSZxMX阅读 571评论 0 2