临沂城乡建设管理局网站企业自建网站

Cocos2d-x游戏实例-《跑跑跑》制作教程（第三篇）——让主角跑

笨木头花心贡献，啥？花心？不呢，是用心~

转载请注明，原文地址：http://blog.csdn.net/musicvs/article/details/8189386

正文：

注：本文使用到的资源请到这里下载：http://download.csdn.net/detail/musicvs/4769412

终于进入我们的游戏的主题了——跑！

来，我们开始让主角跑起来~

1.修改一下糟糕的代码

我们要给主角加一个动画，不断地播放跑步动作。我们来打开熟悉的TollgateScene.cpp文件，糟糕，我发现这个文件的init函数有点庞大了。

于是，我做了一个艰难的决定，把创建玩家精灵的工作移到Player类的init函数里：

//Player.h文件#ifndef __PLAYER_H__
#define __PLAYER_H__#include "Entity.h"class Player : public Entity {
public:bool initWithTiledMap(CCTMXTiledMap* map);static Player* createWithTiledMap(CCTMXTiledMap* map);
};#endif

//Player.cpp文件#include "Player.h"Player* Player::createWithTiledMap( CCTMXTiledMap* map )
{Player* mPlayer = new Player();if(mPlayer && mPlayer->initWithTiledMap(map)) {}else {CC_SAFE_DELETE(mPlayer);}return mPlayer;
}bool Player::initWithTiledMap( CCTMXTiledMap* map )
{/* 加载对象层 */CCTMXObjectGroup* objGroup = map->objectGroupNamed("objects");/* 加载玩家坐标对象 */CCDictionary* playerPointDic = objGroup->objectNamed("PlayerPoint");float playerX = playerPointDic->valueForKey("x")->floatValue();float playerY = playerPointDic->valueForKey("y")->floatValue();/* -------------- 加载玩家 --------------- */CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();CCSprite* playerSprite = CCSprite::create("sprite/player1.png");playerSprite->setPosition(ccp(playerX, playerY));/* 精灵添加到地图 */map->addChild(playerSprite);/* 绑定精灵对象 */setSprite(playerSprite);return true;
}

Player类改得有点多，把创建和初始化的函数加了一个参数：地图对象。这样我们就可以直接在player的init函数中帮精灵对象添加到地图了。

然后现在TollgateScene.cpp的init函数就好看多了：

bool TollgateScene::init()
{/* 加载地图 */CCTMXTiledMap* map = CCTMXTiledMap::create("map/level01.tmx");this->addChild(map); /* 创建玩家 */Player* mPlayer = Player::createWithTiledMap(map);return true;
}

2.主角跑动动画

现在开始真正给主角加一个动画了，我们先给Player类新增一个函数：

void Player::run()
{CCArray* framesList = CCArray::create();framesList->addObject(CCSpriteFrame::create("sprite/player1.png", CCRectMake(0, 0, 77, 134)));framesList->addObject(CCSpriteFrame::create("sprite/player2.png", CCRectMake(0, 0, 66, 129)));framesList->addObject(CCSpriteFrame::create("sprite/player3.png", CCRectMake(0, 0, 99, 132)));framesList->addObject(CCSpriteFrame::create("sprite/player4.png", CCRectMake(0, 0, 111, 135)));framesList->addObject(CCSpriteFrame::create("sprite/player5.png", CCRectMake(0, 0, 94, 132)));framesList->addObject(CCSpriteFrame::create("sprite/player6.png", CCRectMake(0, 0, 64, 128)));framesList->addObject(CCSpriteFrame::create("sprite/player7.png", CCRectMake(0, 0, 96, 133)));framesList->addObject(CCSpriteFrame::create("sprite/player8.png", CCRectMake(0, 0, 103, 138)));CCAnimation* animation = CCAnimation::createWithSpriteFrames(framesList, 0.2f);animation->setLoops(-1);mSprite->runAction(CCAnimate::create(animation));
}

我为了尽量减少教程里出现的代码量，以及尽量让素材简单，我采用最直接的方式来创建CCSpriteFrame对象，如果大家不喜欢的话，可以用CCSpriteFrameCache的方式来创建，这里就不多说了。创建动画的方式也不说了，我默认大家有了解过。

好吧，还是简单说一下，先创建一组CCSpriteFrame对象，然后用这组对象创建一个CCAnimation对象，这个对象还不能用来形成动画，还必须创建一个CCAnimate对象，然后精灵类通过runAction方法来执行动画。setLoops(-1)是为了循环播放动画。

然后，继续打开我们熟悉的TollgateScene.cpp的init函数，加上一句代码：

OK，编译运行，精灵已经在跑动了！当然，只是原地跑。

/* 创建玩家 */Player* mPlayer = Player::createWithTiledMap(map);/* 让玩家跑起来 */mPlayer->run();

接下来要新增的代码有点多，慢慢来。

3.控制器

让主角向前跑，我想采用组合来实现，把向前跑作为一个功能单独写成一个类，主角只要增加一个成员变量（向前跑的类），就能实现向前跑的动作。而这个类，就是控制器。

因为考虑到不止一个控制器，我们来稍微写多几行代码，以便以后扩展。先来实现控制器的父类(在实体文件夹新建Controller.h和Controller.cpp文件)：

//Controller.h文件#ifndef __CONTROLLER_H__
#define __CONTROLLER_H__#include "cocos2d.h"
#include "ControllerListener.h"using namespace cocos2d;class Controller : public CCNode {
public:/* 设置监听对象 */void setControllerListener(ControllerListener* mControllerListener);protected:ControllerListener* mControllerListener;
};#endif

//Controller.cpp文件#include "Controller.h"void Controller::setControllerListener( ControllerListener* mControllerListener )
{this->mControllerListener = mControllerListener;
}

很简单的一个类，只有一个变量和一个方法，我们来看看ControllerListener是做什么用的。ControllerListener就是将要被控制的对象，比如我们主角，只要继承了ControllerListener接口，就能够被控制器控制。很方便吧~针对接口编程，使得代码稍微没有那么糟糕。

看看ControllerListener的代码：

//ControllerListener.h文件#ifndef __CONTROLLER_LISTENER_H__
#define __CONTROLLER_LISTENER_H__#include "cocos2d.h"using namespace cocos2d;class ControllerListener {
public:virtual void setSimplePosition(int x, int y) = 0;virtual CCPoint getCurPosition() = 0;
};#endif

也很简单，只有头文件，定义了两个虚函数，用来设置和获取被控制对象的坐标。我不太喜欢C++的编码，有点繁琐，我对Java中毒很深，嘻嘻，Java要定义一个接口的话就简单多了，啊喂，跑题了~

4.简单移动控制器

我们来实现我们的第一个控制器，控制物体只往前移动的控制器，看代码：

//SimpleMoveController.h文件#ifndef __SIMPLE_MOVE_CONTROLL_H__
#define __SIMPLE_MOVE_CONTROLL_H__#include "cocos2d.h"
#include "Controller.h"using namespace cocos2d;class SimpleMoveControll : public Controller {
public:CREATE_FUNC(SimpleMoveControll);virtual bool init();virtual void update(float dt);/* 设置移动速度 */void setiSpeed(int iSpeed);private:int iSpeed;
};#endif

// SimpleMoveControll.cpp文件#include "SimpleMoveControll.h"bool SimpleMoveControll::init()
{this->iSpeed = 0;/* 每一帧都要调用update函数，所以要这样设置 */this->scheduleUpdate();return true;
}void SimpleMoveControll::update( float dt )
{if(mControllerListener == NULL) {return;}CCPoint pos = mControllerListener->getCurPosition();pos.x += iSpeed;mControllerListener->setSimplePosition(pos.x, pos.y);
}void SimpleMoveControll::setiSpeed( int iSpeed )
{this->iSpeed = iSpeed;
}

SimplerMoveController继承了Controller类，也很简单，拥有一个成员变量iSpeed，用来设置移动速度。

这里简单介绍一下update(float dt)函数，update函数是CCNode节点的函数，有什么用呢？很强大的。我们都知道，游戏的画面是一帧帧的绘制，从而形成丰富多彩的世界。而程序只需要在每一帧里执行操作，绘制图形。

Update函数提供了一个入口，让我们可以在游戏的每一帧里执行我们自己想要做的事情。是的，就算你只是在里面放一个屁都是允许的（你不会当真了吧？= =）。

但是咯，不可能每个CCNode对象都执行一次update函数吧？（不是每个人都需要update不是么？），所以，默认情况下update函数是不会被调用的，需要对象通过scheduleUpdate方法来注册被调用的权限。

然后float dt参数是什么呢？我们都知道CPU是一个很忙的孩子（虽然它很聪明），CPU不可能让所有update函数同时进行的，只能是一个个执行，所以总有人先调用有人后调用，float dt参数就记录了某个update函数从最后一次被调用到本次调用时经过了多少毫秒。那这又有什么用呢？很有用，但是我们先不管~

然后，SimpleMoveController在update函数里做了一件很伟大的事情，那就是改变被控制者的X坐标，使得被控制者往前移动了一段距离。

5.给主角绑定一个控制器吧

整了这么多代码，主角都还没有跑起来，太累了，我不写了！啊，才怪呢，现在写，现在写~

有个不幸的消息，我们需要稍微改改Entity类（好吧，不要恨我，代码总是逐步优化的嘛T^T）:

//Entity.h文件
#ifndef __ENTITY_H__
#define __ENTITY_H__#include "cocos2d.h"
#include "Controller.h"
#include "ControllerListener.h"using namespace cocos2d;class Entity : public CCNode, public ControllerListener {
public:void setSprite(CCSprite* mSprite);void setController(Controller* controller);/* 实现SimpleMoveListener接口的方法 */virtual void setSimplePosition(int x, int y);virtual CCPoint getCurPosition();
protected:CCSprite* mSprite;Controller* mController;
};#endif

我们给Entity加了一个父类，那就是ControllerListener，大家都知道为什么了，因为我们的角色需要被当做一个被控制器控制的对象。继承了ControllerListener之后，当然就要实现它的方法了。

另外，我还为Entity新增了一个方法，那就是setController，当然了，因为我们需要绑定一个控制器。

三个方法的实现如下：

//Entity.cpp的部分代码void Entity::setController( Controller* controller )
{this->mController = controller;controller->setControllerListener(this);
}void Entity::setSimplePosition( int x, int y )
{if(mSprite) {mSprite->setPosition(ccp(x, y));}
}cocos2d::CCPoint Entity::getCurPosition()
{if(mSprite) {return mSprite->getPosition();}return CCPoint::CCPoint(0, 0);
}

好了，好了，最后了，大家坚持住，我们打开TollgateScene.cpp的init函数吧，我们要开始跑喇~在init函数最后加上：

/* ------------ 创建玩家简单移动控制器 -------------- */SimpleMoveControll* mSMoveControll = SimpleMoveControll::create();mSMoveControll->setiSpeed(1);/* 控制器要添加到场景中才能获得update事件 */this->addChild(mSMoveControll);mPlayer->setController(mSMoveControll);

简单说明一下哈，创建一个移动控制器，设置移动速度为1，然后把控制器添加到场景中（这样它才能获得update函数的调用），最后把控制器添加到主角身上。

来，编译运行，看主角疯狂地跑动吧！

太帅了，简直就是一个流氓冲着良民狂奔啊喂~= =

下一篇我们将会让地图也动起来，我们的地图可是很长的不是么，不能浪费啊喂~