Cocos2d-x 3.x plist+png 作动画

***************************************转载请注明出处： http://blog.csdn.net/lttree******************************************

前言：

此次的东西，实际上是在作完2048后，我有个Flash想用。

就像，每天系列，开头会有 ”提米“ 的叫声+动画， 是否是感受很带感。

以前，作第一个游戏的时候，有作一套78帧的Flash，

可是当时不会用，如今正好拿过来用了，嘿嘿~

正文：

此次例子，就拿我这几天想作的 FlappyBird 的小鸟为例吧：

1.首先，咱们先来作须要的资源，

这个有三个层次（目前我知道的）

① 加载每一个图片

② 把全部图片压缩到一张图片中，而后分割取出。

③借助于plist文件与png共同取出图片。

前两种，比较简单，并且效率不是很高，我就直接用这三者最好的，plist+png

其实，plist通常是用在mac上的，

在windows制做plist能够用 TexturePacker，

（能够在这里下载： https://www.codeandweb.com/texturepacker/download  ）

很是方便的一个工具，

安装完毕，打开，须要选择你的引擎，固然咱们选择的是cocos2d的：

打开之后，会出现以下界面：

这个工具的使用细节，我不是很懂= =。

详细的能够问问度娘。

我只知道，点上面那个按钮，添加，你所须要压缩在PNG里的图片：

这个技巧不须要我多说了吧：

按住Ctrl 能够单个多选，

按住Shift能够连续多选。

选出图片，并把他们加入进来。

若是没有图片，拿下面的凑合一下吧：

  

而后点击 左上角 的File按钮：

而后，在下拉的菜单中，选  Public sprite sheet ，而后就选择存放 PNG和PLIST的目录：

先是plist目录，而后是PNG目录，最好两个文件名是同样的。

接着，就会给你输出出来了：

OK，你就能够到存放的地方看你所生成的两个文件了。

2.接下来就是Cocos2d-x  中调用部分了。

把两个文件（plist和png） 复制到Resource 里面，

在VS2012 中 右键点击Resource 文件夹，添加->现有项，将二者添加进来。

这里，我就直接在HelloWorld界面，放小鸟飞行动画了。

在HelloWorldScene.cpp的Init函数中加入，以下代码：

// ①建立缓存，将图片读取进来  CCSpriteFrameCache * cache = CCSpriteFrameCache::sharedSpriteFrameCache();  
  cache -> addSpriteFramesWithFile("hero_bird.plist");  // ②建立第一帧，设置位置，加入到当前场景  CCSprite *sp = CCSprite::createWithSpriteFrameName("bird_hero_01.png");  sp -> setPosition(Point(visibleSize.width/3,visibleSize.height/2));  this -> addChild( sp );  // ③建立集合，存每一张图片  Vector< SpriteFrame* > sfme = Vector< SpriteFrame* >::Vector();  char str[20] = {0};  for( int i = 1 ; i < 4 ; ++i )  {    // ④ 获取图片名字，加入到集合中    sprintf(str,"bird_hero_%02d.png",i);    SpriteFrame *fname = cache -> spriteFrameByName( str );    sfme.pushBack( fname );  }    // ⑤ 建立动画，设置播放速度  CCAnimation *animation = CCAnimation::createWithSpriteFrames( sfme , 0.1f );  sp -> runAction ( CCRepeatForever::create(CCAnimate::create(animation )));

来解释一下：

前面①、② 无需多说，

③，这个之前用CCArray或者Array，

如今不行了，反正我是3.0和3.2都不能用Array，会在⑤

createWithSpriteFrames出问题，

由于追到这个函数定义，能够发现：

Animation* Animation::createWithSpriteFrames(const Vector<SpriteFrame*>& frames, float delay/* = 0.0f*/, unsigned int loops/* = 1*/)
{
    Animation *animation = new Animation();
    animation->initWithSpriteFrames(frames, delay, loops);
    animation->autorelease();    return animation;
}

它的第一个参数必须为：

const Vector<SpriteFrame*>& frames

这点就要和  以前版本不一样，要注意一下。

而后是 ④

这个获取图片名字，为何是：

sprintf(str,"bird_hero_%02d.png",i); 呢？

由于%02d，能够保证，取i后，不够的用0补足，

好比，若是是%d，

当i等于1， 获取的名字是： bird_hero_1

而%02d，获取名字是： bird_hero_01

Ok，运行一下，就能够发现小鸟在飞翔啦~ 

PS：如何做为一个开场动画呢？

个人方法就是在上述代码后，加一句计划任务，

多长时间后的跳转：

this->scheduleOnce(schedule_selector(InkmooFlash::jumpToMain), 4);

这样，算好播放一帧多久，总共多少帧，就能够作成开场动画啦~。~

***************************************转载请注明出处： http://blog.csdn.net/lttree******************************************