在这篇文章,将会学习到如何制作一个塔防游戏。在这当中,学习如何在设定的时间内出现一波波的敌人,使这些敌人沿着指定的路点前进,如何在地图上指定的位置创建炮塔,如何使炮塔射击敌人,如何可视化调试路点和炮塔的攻击范围。
对于初学者来说,这个例子是非常适合的,对于熟悉cocos2d有很好的帮助,希望初学cocos的博友们仔细搞搞, 本人刚开始做这个 咨询了原文作者好几次,祝大家成功!
1.新建Cocos2d-win32工程,工程名为"TowerDefense",去除"Box2D"选项,勾选"Simple Audio Engine in Cocos Denshion"选项;
2.下载本游戏所需的资源,将资源放置"Resources"目录下;
资源中包括源代码:http://download.csdn.net/detail/yangshuo528/7426007
3.为场景添加背景图片。打开HelloWorldScene.cpp文件,修改init函数,如下:
1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
bool HelloWorld::init()
{ bool bRet = false; do { CC_BREAK_IF(! CCLayer::init()); this->setTouchEnabled( true); CCSize wins = CCDirector::sharedDirector()->getWinSize(); CCSprite *background = CCSprite::create( "Bg.png"); this->addChild(background); background->setPosition(ccp(wins.width / 2, wins.height / 2)); bRet = true; } while ( 0); return bRet; } |
通过放置的背景图片,可以直观的看出哪些地方允许玩家放置炮塔。编译运行,如下图所示:
4.接着,需要沿路设置一些点,在这些点上能够让玩家触摸和建立炮塔。为了方便管理,使用.plist文件来存储炮塔的放置点,这样就可以很容易的改变它们。TowersPosition.plist已经在资源文件夹中,其中已经有了一些炮塔的位置。查看这个文件,可以看到一个字典数组,字典只包含两个键"x"和"y"。每个字典条目代表一个炮塔位置的x和y坐标。现在需要读取这个文件,并且放置塔基到地图上。打开HelloWorldScene.h文件,添加以下变量:
1
|
cocos2d::CCArray* towerBases;
|
1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
void HelloWorld::loadTowerPositions()
{ CCArray* towerPositions = CCArray::createWithContentsOfFile( "TowersPosition.plist"); towerBases = CCArray::createWithCapacity( 10); towerBases->retain(); CCObject *pObject = NULL; CCARRAY_FOREACH(towerPositions, pObject) { CCDictionary* towerPos = (CCDictionary*)pObject; CCSprite* towerBase = CCSprite::create( "open_spot.png"); this->addChild(towerBase); towerBase->setPosition(ccp(((CCString*)towerPos->objectForKey( "x"))->intValue(), ((CCString*)towerPos->objectForKey( "y"))->intValue())); towerBases->addObject(towerBase); } } |
在init函数里面,添加背景图片代码之后,添加如下代码:
1
|
this->loadTowerPositions();
|
1
|
towerBases->release();
|
![](https://img-my.csdn.net/uploads/201303/14/1363254144_8551.png)
5.开始建立炮塔。打开 HelloWorldScene.h 文件,添加如下代码:
1
|
CC_SYNTHESIZE_RETAIN(cocos2d::CCArray*, _towers, Towers);
|
1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
#ifndef __TOWER_H__
#define __TOWER_H__ #include "cocos2d.h" #include "HelloWorldScene.h" #define kTOWER_COST 300 class Tower : public cocos2d::CCNode { public: Tower( void); ~Tower( void); static Tower* nodeWithTheGame(HelloWorld* game, cocos2d::CCPoint location); bool initWithTheGame(HelloWorld* game, cocos2d::CCPoint location); void update( float dt); void draw( void); CC_SYNTHESIZE(HelloWorld*, _theGame, TheGame); CC_SYNTHESIZE(cocos2d::CCSprite*, _mySprite, MySprite); private: int attackRange; int damage; float fireRate; }; #endif // __TOWER_H__ |
打开Tower.cpp文件,代码如下:
1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 |
#include
"Tower.h"
using namespace cocos2d; Tower::Tower( void) { } Tower::~Tower( void) { } Tower* Tower::nodeWithTheGame(HelloWorld* game, CCPoint location) { Tower *pRet = new Tower(); if (pRet && pRet->initWithTheGame(game, location)) { return pRet; } else { delete pRet; pRet = NULL; return NULL; } } bool Tower::initWithTheGame(HelloWorld* game, CCPoint location) { bool bRet = false; do { attackRange = 70; damage = 10; fireRate = 1; _mySprite = CCSprite::create( "tower.png"); this->addChild(_mySprite); _mySprite->setPosition(location); _theGame = game; _theGame->addChild( this); this->scheduleUpdate(); bRet = true; } while ( 0); return bRet; } void Tower::update( float dt) { } void Tower::draw( void) { #ifdef COCOS2D_DEBUG ccDrawColor4F( 255, 255, 255, 255); ccDrawCircle(_mySprite->getPosition(), attackRange, 360, 30, false); #endif CCNode::draw(); } |
这个Tower类包含几个属性:一个精灵对象,这是炮塔的可视化表现;一个父层的引用,方便访问父层;还有三个变量:
- attackRange: 炮塔可以攻击敌人的距离。
- damage: 炮塔对敌人造成的伤害值。
- fireRate: 炮塔再次攻击敌人的时间间隔。
6.让玩家添加炮塔。打开HelloWorldScene.cpp文件,加入以下头文件声明:
1
|
#include
"Tower.h"
|
1
|
_towers->release();
|
1
2 |
_towers = CCArray::create();
_towers->retain(); |
1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
bool HelloWorld::canBuyTower()
{ return true; } void HelloWorld::ccTouchesBegan(CCSet *pTouches, CCEvent *pEvent) { CCSetIterator iter = pTouches->begin(); for (; iter != pTouches->end(); iter++) { CCTouch* pTouch = (CCTouch*)(*iter); CCPoint location = pTouch->getLocation(); CCObject *pObject = NULL; CCARRAY_FOREACH(towerBases, pObject) { CCSprite *tb = (CCSprite*)pObject; if ( this->canBuyTower() && tb->boundingBox().containsPoint(location) && !tb->getUserData()) { //We will spend our gold later. Tower* tower = Tower::nodeWithTheGame( this, tb->getPosition()); _towers->addObject(tower); tb->setUserData(tower); } } } } |
方法ccTouchesBegan检测当用户触摸屏幕上任何点时,遍历towerBases数组,检查触摸点是否包含在任何一个塔基上。不过在创建炮塔前,还有两件事需要检查:
①玩家是否买得起炮塔?canBuyTower方法用来检查玩家是否有足够的金币来购买炮塔。在这里先假设玩家有很多金币,方法返回true。
②玩家是否违法了建筑规则?如果tb的UserData已经设置了,那么这个塔基已经有了炮塔,不能再添加一个新的了。
如果一切检查都通过,那么就创建一个新的炮塔,放置在塔基上,并将它添加到炮塔数组中。编译运行,触摸塔基,就可以看到炮塔放置上去了,并且它的周围还有白色的圆圈显示攻击范围,如下图所示:
参考资料:1.How To Make a Tower Defense Game http://www.raywenderlich.com/15730/how-to-make-a-tower-defense-game
如何制作一个塔防游戏:http://blog.csdn.net/akof1314/article/details/8674186