【Cocos2d-x-基础概念】Animations

#Cocos2d-x-基本概念-Animations

###帧动画

你可以通过一系列的图片来创建一个童话，如下

CCAnimation *animation = CCAnimation:create();

//load image file from local system to CCSpriteFrame, then add into CCAnimation

for (int i = 0; i < 15; ++i)
{
	char szImageFileName[128] = {0};
	sprintf(szImageFileName, "Images/grossini_dance_%02d.png", i);
	animation->addSpriteFrameWithFilename(szImageFileName);
}

animation->setDelayPerUnit(2.8f / 14.0f);// This animation contains 14 frames, will continuous 2.8 seconds.
animation->setRestoreOriginalFrame(true);// Return to the 1st frame after the 14th frame is played.

CCAnimate *action = CCAnimate::create(animation);
sprite->runAction(action);

注意CCAnimation是由SpriteFrame的数组、每帧之间的间隔时间，真个动画的长度等组成的，它是一组数据，相比之下，CCAnimate是一个Action，它是根据CCAnimation构建的

###SpriteSheet动画

上一种方法实际上不常在2d游戏中用到，我们在2d游戏中经常用到一种叫spritesheet的方法载入图像

下图就是典型的spritesheet，它由一个动画的不同帧组成，或者他可以保存在游戏中一个场景所需要的所有场景

在opengles1.1中，spritesheet有以下几个好处：

减少文件IO时间
减少内存分配带来的问题，因为spritesheet的长宽必须是2的整数次幂，如：256，512，1024，etc
减少opengl的渲染次数

###从png和plist中创建动画

自从运用了opengl2.0后，CCSpriteSheet逐渐被CCSpriteBatchNode取代

CCSpriteBatchNode实际上包含了所有SpriteFrame所需要的图片素材。你必须把它add到一个scene上，即使它本身什么也不会画，它只是由于它是opengl的渲染管线的一部分才添加到scene上的

CCSpriteBatchNode* spritebatch = CCSpriteBatchNode::create("animations/grossini.png");

然后，你需要用CCSpriteFrameCache的单件来得到plist文件，plist中记载了spritesheet中每一帧的大小和名字等信息

CCSpriteFrameCache* cache = CCSpriteFrameCache::sharedSpriteFrameCache();
cache->addSpriteFramesWithFile("animations/grossini.plist");

一旦你的png和plist文件都载入好了，你就可以使用createWithSpriteFrameName方法来创建Sprite了，

m_pSprite1 = CCSprite::createWithSpriteFrameName("grossini_dance_01.png");
spritebatch->child(m_pSprite1)
addChild(spritebatch)

createWithSpriteFrameName从plist中找到对应桢并对png进行剪切，获取相应的图片

现在我们通过CCArray来创建一个动画跑在精灵m_pSprite上

CCArray* animFrames = CCArray::createWithCapacity(15);

char str[100] = {0};

for(int i = 1; i < 15; i++)
{
    sprintf(str, "grossini_dance_%02d.png", i);
    CCSpriteFrame* frame = cache->spriteFrameByName( str );
    animFrames->addObject(frame);
}

###File Animation

CCAnimationCache能够加载一个描述一个batchnode的xml或者plist，接口如下

CCAnimationCache *cache = CCAnimationCache::sharedAnimationCache(); // "caches" are always singletons in cocos2d
cache->addAnimationsWithFile("animations/animations-2.plist");
CCAnimation animation = cache->animationByName("dance_1");  // I apologize for this method name, it should be getAnimationByName(..) in future versions
CCAnimate animate = CCAnimate::create(animation);  // Don't confused between CCAnimation and CCAnimate :)
sprite->runAction(animate);

来源：oschina

链接：https://my.oschina.net/u/729553/blog/132419

标签

cocos2d-x

cocos2d

游戏引擎