cocos2d-x自制工具01：AnimatePacker测试版发布！！～！-阿里云开发者社区

cocos2d-x自制工具01：AnimatePacker测试版发布！！～！

2017-11-13 1188

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

一、引子

哦，好吧，我一直比较吐槽cocos2d-x那个动画加载方式，记得我在《cocos2d-x学习笔记04：简单动画》中写的，一个简单动画的加载，就需要写十几行代码。

CCSize s = CCDirector::sharedDirector()->getWinSize();
//#1：生成动画需要的数据类
CCTexture2D *texture=CCTextureCache::sharedTextureCache()->addImage("pic2476.png");
CCSpriteFrame *frame0=CCSpriteFrame::frameWithTexture(texture,CCRectMake(32*0, 48*0, 32, 48));
CCSpriteFrame *frame1=CCSpriteFrame::frameWithTexture(texture,CCRectMake(32*1, 48*0, 32, 48));
CCSpriteFrame *frame2=CCSpriteFrame::frameWithTexture(texture,CCRectMake(32*2, 48*0, 32, 48));
CCSpriteFrame *frame3=CCSpriteFrame::frameWithTexture(texture,CCRectMake(32*3, 48*0, 32, 48));
CCMutableArray<CCSpriteFrame*> *animFrames = new CCMutableArray<CCSpriteFrame*>(4);
animFrames->addObject(frame0);
animFrames->addObject(frame1);
animFrames->addObject(frame2);
animFrames->addObject(frame3);
CCAnimation *animation = CCAnimation::animationWithFrames(animFrames, 0.2f);
animFrames->release();
//#2：初始化并设置Sprite
CCSprite *sprite = CCSprite::spriteWithSpriteFrame(frame0);//设置一个初始frame
sprite->setPosition( ccp( s.width/2, s.height/2) );
addChild(sprite);
//#3：使用animation生成一个动画动作animate
CCAnimate *animate = CCAnimate::actionWithAnimation(animation, false);
sprite->runAction(CCRepeatForever::actionWithAction(animate));//重复播放

恩，这其中加载的代码占了好多，我们可以通过刷循环简化。也就是说，理论上至少可以减少大约一半的量。

但是你刷循环简化有个前提： png的排列必须十分规律，否则是无法使用的。并且，不同的动作有不同的帧数和不同的delay，你每个都要自己写。这毫无疑问是一个非常繁琐的过程。

于是我开发了一个工具AnimatePacker，专门解决这个问题。顾名思义， AnimatePacker就是一个动作打包的小工具，可以很方便的自己编辑动作。由此节省大量的程序编码。

二、AnimatePacker使用

这个工具要和TexturePacker等工具配合使用，因为需要他们来提供plist。另外，要使用这个工具，必须先熟悉TexturePacker等工具，以及cocos2d-x的动画代码。

打开界面，一目了然。熟悉cocos2d-x编程的人，肯定知道这四个框是什么。

Plists：所有的Plist列表，拖动plist文件到AnimatePacker窗口上，就可以加载。

Animations：所有的动作列表，点击“摄像机”按钮可以新建动作，双击可以编辑Name和Delay。

SpriteFrames：当前Animation对应的 SpriteFrames列表，拖动可以排序。

Sprites：所有的备选Spirte，你可以拖动 Spirte到 SpriteFrames框下面。

简单使用步骤：

1.拖动 plist文件到AnimatePacker窗口

2.点击摄像机，生成新的Animation，在Animations框中编辑Name和Delay

3.从Sprites里拖动Sprite到 SpriteFrames，拖动 SpriteFrame可排序

就这样不断的编辑和生成即可。

最后，我们点击保存，就可以输出一个自己的xml。这里我们就叫他“1111.xml”好了。

三、解析代码使用

解析1111.xml需要用到下面三个文件：

解析代码非常简单，只有两个接口：

具体写起来大约是这样的：

AnimatePacker::getInstance()->loadAnimate("1111.xml");
CCSprite *sprite=CCSprite::spriteWithSpriteFrameName("bomb_dead0.png");
sprite->setAnchorPoint(CCPointZero);
sprite->setPosition(ccp(size.width/2, size.height/2));
sprite->runAction(CCRepeatForever::actionWithAction(AnimatePacker::getInstance()->getAnimate("aaa")));
addChild(sprite,1);

AnimatePacker 采用Qt编写，也就是说可以跨多个平台。但目前只有win32版，因为mac下我还没配qt开发环境，稍后提供。

这个工具现在是测试版，欢迎提供bug和改进意见，直接在下面回复就行了。

本文转自老G 51CTO博客，原文链接：http://blog.51cto.com/goldlion/779533，如需转载请自行联系原作者

cocos2d-x自制工具01：AnimatePacker测试版发布！！～！