基于cocos2d tileMap的一个小游戏

上一篇文章中我们介绍了cocos2d tileMap的一些基本知识，这一节我们基于cocos2d做一个简单的游戏，下载地址：http://download.csdn.net/detail/lennonchan/5903037。

这是一款收集宝石的小游戏，主要任务是指挥鸟在不碰雷德前提下收集所有的宝石，节目如下：



通过右下角的按钮控制鸟的行走方向，也可以通过Windows小键盘区的数字键控制方向。windows上esc键重新开始，Android上menu键重新开始。

为了游戏增加游戏的灵活性，地图是通过程序计算出来的，所以每次初始化的界面可能都不一样。

下来看下代码，我们只看CGameMap类。

class CGameMap : public cocos2d::CCTileMapAtlas
{
public:
static CGameMap* getInstance();
CGameMap* create(unsigned int width,unsigned int height,int seed = 0);
~CGameMap();
CCPoint getStartPosition();
CCPoint	getEndPosition(CCPoint,eDirect);
eMapType moveStart(eDirect drct);
CCSize getMapSize();
bool isCollectOver();
private:
CGameMap();
sImageTGA* grid2Image(char* pGrid);
char cFlag2Tile(char cFlag);
private:
unsigned int m_Width;
unsigned int m_Height;
unsigned int m_iCollectedGems;
unsigned int m_iTotalGems;
CCPoint m_StartPosition;
ccColor3B m_CurrentType;
static CGameMap* m_pInstance;
};

CGameMap继承自cocos2d::CCTileMapAtlas，接口很少。

getInstance ：获取单例对象

create ： 创建一个tileMap，比较重要

getStartPosition： 获取鸟所在的位置

getEndPosition：获取鸟从某一点开始，沿某一方向能走得最远距离。

moveStart： 沿某一方向走一步，并将目标位置的类型返回。

getMapSize： 获取地图大小

isCollectOver：判断地图上的宝石是否收集完毕

我们从create函数看起：

CGameMap* CGameMap::create( unsigned int width,unsigned int height,int seed)
{
m_Width = width;
m_Height = height;
m_iTotalGems = 0;
if(seed <= 0)
{
seed = (int)time(NULL);
}
int iseed = seed;
random_state *rs = random_new((char*)&iseed, sizeof(int));
char * grid = gengrid(m_Width,m_Height,rs);
sImageTGA* pInfor = grid2Image(grid);
releaseMap();
//tgaDestroy(m_pTGAInfo);
if (initWithTGAInfo(_TILE_IMG_, pInfor, _TILE_WIDTH_, _TILE_HEIGHT_))
{
//autorelease();
}
m_CurrentType.r = eBlank;
return this;
}

函数有三个参数，宽高和一个随机种子。注意：这里的宽高的单位并不是像素，而是格子，也就是地图会有w*h个cell。

if(seed <= 0)

{

seed = (int)time(NULL);

}

如果随机种子小于0，则用当前时间作为随机种子。

接下来用随机种子生成一个随机状态：

random_state *rs = random_new((char*)&iseed, sizeof(int));

接下来用随机状态和宽高成生一个原始的网格：

char * grid = gengrid(m_Width,m_Height,rs);

文章开头上传的代码中有gengrid的源码，这里不复述。

然后调用私有函数grid2Image将原始数据转为tga格式的图片格式。

sImageTGA* CGameMap::grid2Image(char* pGrid)
{
sImageTGA* pImage = new sImageTGA();
pImage->flipped = 0;
pImage->type = 1;
pImage->pixelDepth = 24;
pImage->width = m_Width;
pImage->height = m_Height;
pImage->imageData = new unsigned char[m_Width*m_Height*3];
for (int i = 0;i < m_Width; i++)
{
for (int j = 0;j < m_Height; j++)
{
pImage->imageData[(j*m_Width+i)*3] = cFlag2Tile(pGrid[i*m_Width+j]);
if(pImage->imageData[(j*m_Width+i)*3] == eStart)
m_StartPosition = ccp(i,j);
else if(pImage->imageData[(j*m_Width+i)*3] == eGem)
m_iTotalGems++;
pImage->imageData[(j*m_Width+i)*3+1] = 0;
pImage->imageData[(j*m_Width+i)*3+2] = 0;
}
}
return pImage;
}

releaseMap();其实在这里没什么作用，因为我们没用到tga的解析。

然后调用我们的创建的函数，通过tgainfo初始化一个map，函数原型如下：

bool CCTileMapAtlas::initWithTGAInfo(const char *tile, sImageTGA* pInfo, int tileWidth, int tileHeight)
{

if(!pInfo)
return false;
m_pTGAInfo = pInfo;
this->calculateItemsToRender();

if( CCAtlasNode::initWithTileFile(tile, tileWidth, tileHeight, m_nItemsToRender) )
{
m_pPosToAtlasIndex = new CCDictionary();
this->updateAtlasValues();
this->setContentSize(CCSizeMake((float)(m_pTGAInfo->width*m_uItemWidth),
(float)(m_pTGAInfo->height*m_uItemHeight)));
return true;
}
return false;
}

将解析tga的过程换成直接赋值：m_pTGAInfo = pInfo;

注：如果朋友们要运行下载的工程，需要将此函数自己复制到CCTileMapAtlas.cpp，再在头文件中声明。

下来看另外一个比较重要的函数：moveStart

eMapType CGameMap::moveStart( eDirect drct )
{
if(drct == eNON)
return eStart;

CCPoint pEnd = m_StartPosition;
switch (drct)
{
case eUp:
pEnd.y++;
break;
case eDown:
pEnd.y--;
break;
case eLeft:
pEnd.x--;
break;
case eRight:
pEnd.x++;
break;
case eUpLeft:
pEnd.y++;
pEnd.x--;
break;
case eUpRight:
pEnd.y++;
pEnd.x++;
break;
case eDownLeft:
pEnd.y--;
pEnd.x--;
break;
case eDownRight:
pEnd.y--;
pEnd.x++;
break;
default:
break;
}

if(pEnd.y < 0 || pEnd.y >= m_Height ||
pEnd.x < 0 || pEnd.x >= m_Width)
return eStart;

ccColor3B r = tileAt(pEnd);
ccColor3B c = r;
switch (c.r)
{
case eMine:
case eGem:
case eStop:
case eBlank:
if(m_CurrentType.r == eGem)
{
m_iCollectedGems++;
m_CurrentType.r = eBlank;
}
setTile(m_CurrentType,m_StartPosition);
m_StartPosition = pEnd;
m_CurrentType = c;
c.r = eStart;
setTile(c,m_StartPosition);
break;
case eStart:
case eWall:
default:
break;
}
return (eMapType)r.r;
}

用于游戏中移动鸟的位置，参数为移动方向。

首先我们将目标位置标记为鸟所在的位置：

CCPoint pEnd = m_StartPosition;

然后通过移动方向进行坐标计算:

switch (drct)
{
case eUp:
pEnd.y++;
break;
case eDown:
pEnd.y--;
break;
case eLeft:
pEnd.x--;
break;
case eRight:
pEnd.x++;
break;
case eUpLeft:
pEnd.y++;
pEnd.x--;
break;
case eUpRight:
pEnd.y++;
pEnd.x++;
break;
case eDownLeft:
pEnd.y--;
pEnd.x--;
break;
case eDownRight:
pEnd.y--;
pEnd.x++;
break;
default:
break;
}

接下来判断目标位置是啥玩意：

ccColor3B r = tileAt(pEnd);

ccColor3B c = r;

分情况判断：

switch (c.r)
{
case eMine:
case eGem:
case eStop:
case eBlank:
if(m_CurrentType.r == eGem)
{
m_iCollectedGems++;
m_CurrentType.r = eBlank;
}
setTile(m_CurrentType,m_StartPosition);
m_StartPosition = pEnd;
m_CurrentType = c;
c.r = eStart;
setTile(c,m_StartPosition);
break;
case eStart:
case eWall:
default:
break;
}

如果是炸弹、宝石、停止或者空白则将鸟移动到当前位置，否则不做处理。

最后返回目标位置的类型return (eMapType)r.r;

游戏先将这么多吧，因为大家可以下到源码，如果有什么问题我们在讨论。

最后说一点tile图片制作时要注意的地方：



图片的第一个cell要空出来，原因看上一篇文章。为了达到网格的效果，每个cell的上下左右各留一个空格的黑色像素。