Cocos2dx 3.2 横版过关游戏Brave学习笔记（二）

动画

这次我们要让人物动起来。

首先要将精灵帧缓存中的帧组合成动画，然后将这些动画放到动画缓存中。
需要播放的时候直接从缓存中拿出来用即可。


目前这个项目里用到的帧的格式为：  player1-1-1.png, 即：角色-动作编号-动画帧编号.png
对于player1，有从1到5这几个动作：walk，attack，dead，hit，skill动作，每个动作的帧数可以不同，这里分别为，4，4，4，2，4
对于enemy1，有walk，attack，dead，hit，帧数分别为3，3，3，2
相关信息可以在Resources下的image/role.plist里看到。


对于不同的角色类型，加载动画时略参数略有不同，现在我们给Player类增加一些参数，记录这些不同之处，并在初始化函数中，根据角色类型的不同来给这些参数赋值。
首先建立一个字符串，记录动画的前缀，如PLAYER类型的角色_name值为"player1"。
还需要一个整数记录动作的数目，一个字符串数组记录动作的名称，以及一个整数数组记录每个动作的帧数。


在类Player的末端加入：

private:
	PlayerType _type;  
	std::string _name;
	int _animationNum; 
	std::vector<int> _animationFrameNum;
	std::vector<std::string> _animationNames;

然后修改InitWithPlayerType函数，使之如下：

bool Player::initWithPlayerType(PlayerType type)
{
	std::string sfName = "";
	_type = type;
	int animationFrameNum[5] ={4, 4, 4, 2, 4};
	int animationFrameNum2[5] ={3, 3, 3, 2, 0};

	//setup according to PlayerType
	switch(type)
	{
	case PlayerType::PLAYER:
		sfName = "player1-1-1.png";
		_name = "player1";
		_animationNum = 5;
		_animationFrameNum.assign(animationFrameNum, animationFrameNum + 5);
		break;
	case PlayerType::ENEMY1:
		sfName = "enemy1-1-1.png";
		_name = "enemy1";
		_animationNum = 4;
		_animationFrameNum.assign(animationFrameNum2, animationFrameNum2 + 5);
		break;
	case PlayerType::ENEMY2:
		sfName = "enemy2-1-1.png";
		_name = "enemy2";
		_animationNum = 4;
		_animationFrameNum.assign(animationFrameNum2, animationFrameNum2 + 5);
		break;
	}
	this->initWithSpriteFrameName(sfName);
	std::string animationNames[] = {"walk", "attack", "dead", "hit", "skill"};
	_animationNames.assign(animationNames, animationNames + 5);
	//load animation
	this->addAnimation();
	return true;
}

现在给Player类增加一个载入动画的函数，相同动画的载入只需要进行一次，所以载入前先确定所需动画还没有被载入。

void Player::addAnimation()
{
	// check if already loaded
	auto animation = AnimationCache::getInstance()->getAnimation(String::createWithFormat("%s-%s",_name.c_str(),
						_animationNames[0])->getCString());
	if(animation)
		return;
	
	for(int i=0; i<_animationNum; i++)
	{
		auto animation = Animation::create();
		animation->setDelayPerUnit(0.2f);
		//put frames into animation
		for(int j = 0; j< _animationFrameNum[i] ; j++)
		{
			auto sfName =String::createWithFormat("%s-%d-%d.png",_name.c_str(), i+1, j+1)->getCString();
//			log(sfName);
			animation->addSpriteFrame(SpriteFrameCache::getInstance()->getSpriteFrameByName(sfName));
		}
		// put the animation into cache
		AnimationCache::getInstance()->addAnimation(animation, String::createWithFormat("%s-%s",_name.c_str(), 
					_animationNames[i].c_str())->getCString());
	}
}

现在加入一个根据动作编号进行指定动作的函数，查看动画是否载入成功。

void Player::playAnimationForever(int index)
{
	if(index <0 || index >= _animationNum)
	{
		log("illegal animation index!");
		return;
	}
	auto str = String::createWithFormat("%s-%s",_name.c_str(), _animationNames[index].c_str())->getCString();
	auto animation = AnimationCache::getInstance()->getAnimation(str);
	auto animate = Animate::create(animation);
	this->runAction(RepeatForever::create(animate));
}

在HelloWorld::init()的末端加入如下语句，然后运行。

//test animation
	player->playAnimationForever(1);
	enemy1->playAnimationForever(1);

结果如下:

如何下载源码并运行：

用GitHub来管理源代码是个不错的选择。

项目的代码经常会进行删减，随着笔记的进行，最后的代码可能和前期相比面目全非了，但是使用GitHub可以让你访问任意历史版本。

我刚刚进行了一个名为“Note2”的commit，如果有人想下载代码，可以点下面链接，点下载Zip即可。

https://github.com/douxt/Brave_cpp/tree/8752cc055601800eb10ed73d9ea757993dfa352a

即使以后更新了，这个历史版本还是可以访问。

注意：代码中没有包含cocos2d目录，可以将其他项目的cocos2d目录拷贝到项目目录下。