2015元宵节礼物——《刀塔传奇》骨骼动画查看器，开源啦！

最新推荐文章于 2018-05-17 16:43:09 发布

zym_123456

最新推荐文章于 2018-05-17 16:43:09 发布

阅读量5.3k

点赞数

分类专栏： Cocos2d-x 文章标签：刀塔传奇骨骼动画查看器 DragonBonesCPP DragonBones 骨骼动画 cocos2d-x

本文链接：https://blog.csdn.net/zym_123456/article/details/44084037

版权

Cocos2d-x 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

首先声明，我不是第一个做出类似查看器的首作者，我所知道的首作者是johance，以下是它在cocoschina发布的贴子。

分享刀塔查看器Flash導出版本(帶詳細解析說明)和Flash導入導出批處理文件
http://www.cocoachina.com/bbs/read.php?tid-219173.html

贴子里面描述了《刀塔传奇》骨骼动画的文件格式，我是参考这个文件格式写出来的。我的实现思路是将*.fca文件转换成DragonBonesCPP所需要的格式，然后就可以通过DragonBonesCPP播放出来了。注意这里没有转换成DragonBonesCPP的skeleton.xml，而是直接转换成了DragonBonesCPP解析skeleton.xml后的数据结构，免去了中间环节。当然你也可以通过我实现的代码接口导出DragonBonesCPP的三个文件sheet.pvr、texture.xml、skeleton.xml，然后像平时使用DragonBonesCPP的那样来加载播放，这样可以避免加载时转换，效率更高。

*.fca文件是一个zip压缩包，将其用WinRAR解压缩出来后，可以得到cha、plist、sheet.pvr三个文件，其中sheet.pvr是纹量集图片，包含了该角色使用的所有骨骼碎图。plist是纹量集的骨骼碎图描述文件，描述了每个骨骼碎图在sheet.pvr大图中的坐标、大小等区域信息。cha是骨骼动画数据文件，其格式如下所述。

cha格式：

声明：
以下格式来自于johance公布的贴子，只做了少量修饰和补充。

{}表示一个数据结构，带...表示有多个数据结构。

角色名称长度(4B)
角色名称不包含"\0"
骨骼数量(4B)
{
骨骼名称长度(4B)
骨骼名称
骨骼图片文件名长度(4B)
骨骼图片文件名
骨骼索引(4B)
}...
动画个数(4B)
{
动画名称长度(4B)
动画名称
未知数据(4B) 固定为0x41c00000
动画帧数(4B)
{
帧类型(4B)
{
// 帧类型为1时才需要解析这个结构，否则跳过这个结构
未知数据1(4B)
声音文件名称长度(4B)
声音文件名称
未知声音数据(32B)
未知数据2(4B)
}
当前帧使用的骨骼数量(4B)
{
骨骼索引(2B)
透明度(1B)
a、b、c、d、tx、ty(类似Flash中的Matrix的6个float)
}...
}...
}...

类似Flash中的Matrix的6个float的详细含义请参考以下文章和AS代码。

as3中Matrix详解
http://wgcode.iteye.com/blog/838550

MatrixTransformer.as：

public static function getScaleX(m:Matrix):Number
{
    return Math.sqrt(m.a*m.a + m.b*m.b);
}


public static function getScaleY(m:Matrix):Number
{
    return Math.sqrt(m.c*m.c + m.d*m.d);
}


public static function getSkewX(m:Matrix):Number
{
    return Math.atan2(-m.c, m.d) * (180/Math.PI);
}


public static function getSkewY(m:Matrix):Number
{
    return Math.atan2(m.b, m.a) * (180/Math.PI);
}

《刀塔传奇》骨骼动画查看器：