AnimatePacker的使用

转自：http://4137613.blog.51cto.com/4127613/903246

            http://4137613.blog.51cto.com/4127613/779533

这里是工具的下载地址：http://download.csdn.net/detail/azhou_hui/5598819

一、引子

哦，好吧，我一直比较吐槽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.h 
AnimatePacker.cpp 
Singleton.h //需要导入的支持文件 

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

  
  
void AnimatePacker::loadAnimate(char *path);//加载xml里面的动画 
cocos2d::CCAnimate* AnimatePacker::getAnimate(char *name);//获取指定名称的动画 

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

  
  
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);