【Cocos2d-X开发学习笔记】第21期：动画类（CCAnimate）的使用

本系列学习教程使用的是cocos2d-x-2.1.4（最新版为3.0alpha0-pre） ，PC开发环境Windows7，C++开发环境VS2010

    

 

       之前我们已经学习过一些方法让节点“动”起来，Cocos2D-X中还有一种动作，就是动画类CCAnimate。要实现

CCAnimate，还需要定义CCAnimation等类。在这一期中，我们主要使用两种方法来实现动画的效果。

 

 

 

一、手动添加帧序列实现动画

 

 

1、CCAnimate和CCAnimation类的使用方法。

 

<1> CCAnimate::create(CCAnimation * pAnimation)

作用：根据CCAnimation中的帧序列、帧间隔，不断切换精灵帧，形成动画效果。

参数：CCAnimation对象。

 

<2> CCAnimation::create()

作用：创建一个动画的帧序列信息，其中包括帧间隔和循环次数。

 

 

2、CCAnimation类的常用函数。

 

<1> setDelayPerUnit(float var)

作用：设置帧间隔的时间。

参数：帧间隔。

 

注意：如果此函数不设置，动画将无法动态播放！

 

<2> setRestoreOriginalFrame(bool var)

作用：当动画播放完后，帧序是否重设为默认第一帧。

参数：其值为true，表示动画播完后回到第一帧。

 

<3> setLoops(unsigned int var)

作用：设置循环次数。

参数：循环次数，其值为-1时，动画无线循环。

 

<4> setFrames(CCArray * var)

作用：设置动画帧数组。

参数：帧数组。

 

 

3、项目示例。

首先新建Cocos2D-X项目，取名为“MyAnimation01”，然后在HelloWorldScene.cpp文件的init函数中添加如下代码。

bool HelloWorld::init(){    bool bRet = false;    do     {        CC_BREAK_IF(! CCLayer::init());        CCSprite* sp = CCSprite::create("crop1.png");sp->setPosition(ccp(170,200));addChild(sp);        CCAnimation* animation = CCAnimation::create();animation->addSpriteFrameWithFileName("crop1.png");animation->addSpriteFrameWithFileName("crop2.png");animation->addSpriteFrameWithFileName("crop3.png");animation->addSpriteFrameWithFileName("crop4.png");animation->setDelayPerUnit(2.8f / 14.0f);//必须设置否则不会动态播放animation->setRestoreOriginalFrame(true);//是否回到第一帧animation->setLoops(-1);//重复次数 （-1:无限循环）CCFiniteTimeAction * animate = CCAnimate::create(animation);sp->runAction(animate);        bRet = true;    } while (0);    return bRet;}

 

4、示例效果图。

 

                     

 

 

 

 

二、使用plist配置文件实现动画

 

      在Mac系统的Cocoa等编程框架中，属性列表文件是一种用来存储串行化后的对象的文件。属性列表文件的扩展

名为plist，因此通常被称为plist文件。plist文件通常用于存储用户设置，也可以用于存储捆绑的信息，该功能在旧式的

Mac系统中是由资源分支提供的。通过plist文件也可以定义动画。

 

1、首先来介绍两个函数。

 

<1> CCSpriteFrameCache::sharedSpriteFrameCache()->addSpriteFramesWithFile(const char * pszPlist)

作用：根据plist中的每个精灵图片名，创建对应的帧CCSpriteFrame放入帧缓存中。

参数：plist资源文件名。

 

<2> CCAnimation::createWithSpriteFrames(CCArray * frames,float delay)

作用：根据帧数组与帧间隔创建一个动画的帧序列信息。

参数1：帧数组。

参数2：帧间隔。

 

 

2、项目示例。

首先新建Cocos2D-X项目，取名为“MyAnimation02”，然后在HelloWorldScene.cpp文件的init函数中添加如下代码。

bool HelloWorld::init(){    bool bRet = false;    do     {        CC_BREAK_IF(! CCLayer::init());        CCSpriteFrameCache::sharedSpriteFrameCache()->addSpriteFramesWithFile("crop.plist");    //利用帧缓存创建精灵CCSprite* sp = CCSprite::createWithSpriteFrameName("crop1.png");sp->setPosition(ccp(170,200));addChild(sp);    CCArray* animFrames = CCArray::createWithCapacity(4);char str[100] = {0};for(int i = 1; i < 5; i++){sprintf(str, "crop%i.png", i);CCSpriteFrame *frame = CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName(str);animFrames->addObject(frame);}CCAnimation *animation = CCAnimation::createWithSpriteFrames(animFrames, 0.3f);animation->setLoops(-1);sp->runAction(CCAnimate::create(animation));    //CCSpriteFrameCache::sharedSpriteFrameCache()->removeSpriteFrameByName("crop.plist")           bRet = true;    } while (0);    return bRet;}

 

3、示例效果图。

 

                     

 

 

 

源码下载地址