Cocos2d-x学习笔记(九)—— 地图系统(地图编辑器,事件响应)

前端之家收集整理的这篇文章主要介绍了Cocos2d-x学习笔记(九)—— 地图系统(地图编辑器,事件响应)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

游戏地图是游戏过程重要的环节,这里我们使用地图编辑器编辑我们的地图,其中CCTMXTiledMap是我们创建地图时使用的类对象,接下来是地图编辑器的使用,免费下载地址:http://www.mapeditor.org/

地图编辑器

打开下载好的地图编辑器,打开“文件--->新文件”:


打开后弹出窗口,只设置地图高度和宽度(即每一行地图的块数),块的大小(根据自己所选地图),其他为默认。


接着选择“地图--->新图块”,弹出窗口,选择编辑地图块,点击“浏览”选择。



点击确定后,即可在右下角看到地图块,拖动编辑地图。


这里我们可以建立两个图层,如下图所示,一个图层存放背景,另一个存放障碍物,方便我们在做碰撞检测时使用。


完成点击“文件---->另存为”,即可生成.tmx地图文件


地图文件的使用

当然上面的地图能生成垂直俯视和45度俯视两种类型的地图,可以根据需要编辑生成相应的地图。

这里需要注意的是,我们编辑的地图坐标和屏幕坐标一致,都是左上角为原点,但是和cocos2d坐标系不一致,所以需要做一定的转换。另外,由于新的Cocos2d引擎引入了屏幕适配,所以在设置坐标的时候,需要注意坐标转换,这个在例子中会表明。

地图文件.tmx的简单使用:

// 读取地图文件
auto map = TMXTiledMap::create("TileMap.tmx");
addChild(map); 

下面是一个简单的具体事例:

创建一个新的项目“HelloMap”,在HelloMap.h:

<span style="font-size:14px;">#ifndef __HELLOMAP_H__
#define __HELLOMAP_H__

#include "cocos2d.h"
#include "Box2D\Box2D.h"
#include "SimpleAudioEngine.h"

using namespace cocos2d;

class HelloMap : public cocos2d::Layer
{
private:
	CCTMXTiledMap* _mapTile;
	CCSprite* _spriteNPC;

public:
	static cocos2d::Scene* createMapScene();

	virtual bool init();

	void mapMenuCallBack(cocos2d::Ref* pSender);

	CREATE_FUNC(HelloMap);
};

#endif // !__HELLOMAP_H__</span>

HelloMap.cpp:

#include "HelloMap.h"

USING_NS_CC;

// 定义地图块的实际大小
#define MAPTILESIZE 33*480.00/1024.00

// 按键标示(索引)
typedef enum _CONTROLTAG
{
	TAG_UP=100,TAG_DAOW,TAG_LEFT,TAG_RIGHT,TAG_FIRE
}CONTROLTAG;

Scene* HelloMap::createMapScene()
{
	auto mapScene = Scene::create();
	auto mapLayer = HelloMap::create();

	mapScene->addChild(mapLayer);
	return mapScene;
}

bool HelloMap::init()
{
	if (!Layer::init())
	{
		return false;
	}

	CCSize s = Director::getInstance()->getWinSize();

	// 创建地图块
	_mapTile = CCTMXTiledMap::create("ok.tmx");
	_mapTile->setPosition(Vec2(0,0));
	this->addChild(_mapTile);

	// 添加游戏NPC
	_spriteNPC = CCSprite::create("NPC.png");
	_spriteNPC->setPosition(MAPTILESIZE/2,MAPTILESIZE/2);
	// 将创建的精灵添加到地图中
	_mapTile->addChild(_spriteNPC);

	// 创建菜单按钮,设置回调函数
	CCMenuItemFont *upMenuItem = CCMenuItemFont::create("UP",this,menu_selector(HelloMap::mapMenuCallBack));
	CCMenuItemFont *downMenuItem = CCMenuItemFont::create("DOWN",menu_selector(HelloMap::mapMenuCallBack));
	CCMenuItemFont *leftMenuItem = CCMenuItemFont::create("LEFT",menu_selector(HelloMap::mapMenuCallBack));
	CCMenuItemFont *rightMenuItem = CCMenuItemFont::create("RIGHT",menu_selector(HelloMap::mapMenuCallBack));
	CCMenuItemFont *fireMenuItem = CCMenuItemFont::create("FIRE",menu_selector(HelloMap::mapMenuCallBack));

	// 将菜单添加菜单
	CCMenu *menu = CCMenu::create(upMenuItem,downMenuItem,leftMenuItem,rightMenuItem,fireMenuItem,NULL);
	menu->setPosition(0,0);
	this->addChild(menu);

	upMenuItem->setPosition(s.width / 2,s.height - 20);
	downMenuItem->setPosition(s.width / 2,20);
	leftMenuItem->setPosition(35,s.height / 2);
	rightMenuItem->setPosition(s.width - 40,s.height / 2);
	fireMenuItem->setPosition(35,s.height - 30);

	// 设置按键标示(索引)
	upMenuItem->setTag(TAG_UP);
	downMenuItem->setTag(TAG_DAOW);
	leftMenuItem->setTag(TAG_LEFT);
	rightMenuItem->setTag(TAG_RIGHT);
	fireMenuItem->setTag(TAG_FIRE);

	return true;
}

// 回调函数
void HelloMap::mapMenuCallBack(Ref* pSender)
{
	// 获取菜单项,并获取索引
	CCMenuItem *item = (CCMenuItem*)pSender;
	int tag = item->getTag();

	// 获得精灵的当前位置和下一个节点的位置,这里(33.00 * 480.00 / 1024.00)为每块小地图快的实际像素大小
	// 由于Y轴方向上地图坐标与Cocos2d坐标相反,需要转换为地图坐标,及左上角为原点
	CCPoint spriteCurPos = ccp((int)(_spriteNPC->getPositionX() / (33.00 * 480.00 / 1024.00)),(int)(_mapTile->getMapSize().height - (_spriteNPC->getPositionY() / (33.00 * 480.00 / 1024.00))));
	CCPoint spriteNextPos = spriteCurPos;

	// 根据图层名字获得图层对象,我们编辑地图时设置了两个图层,layer1存放背景,layer2存放障碍物
	CCTMXLayer* ly = _mapTile->layerNamed("layer2");
	// 地图块ID
	int GID = 0;

	switch (tag)
	{
	case TAG_UP:
		// 获取地图下一个位置节点,如果节点小于0,说明已经出边界,直接返回
		spriteNextPos.y -= 1;
		//log("%f----!!!!!!!!------------",spriteNextPos.y);
		if (spriteNextPos.y < 0)	return;
		// 获取下一个节点的ID,如果节点存在则返回
		GID = ly->tileGIDAt(spriteNextPos);
		if (GID)	return;
		// 碰撞检测,当NPC没走到地图中间时,即在边界的时候,只移动精灵
		// 判断精灵是否到达边界或者到达Y轴的中心,这里我们屏幕的分辨率为480*320
		// 这里由于Cocos2d 3.x对屏幕适配的影响,不同电脑显示的地图块的屏幕分辨率与实际分辨率会有所不同,
		// 因此我们需要根据电脑的显示情况进行适当的坐标调整
		if (_spriteNPC->getPositionY() < 160 || 
			(_mapTile->getContentSize().height - _spriteNPC->getPositionY() < 160 + MAPTILESIZE
			&& _mapTile->getContentSize().height - _spriteNPC->getPositionY() > MAPTILESIZE))
		{
			// 精灵向上移动,以cocos2d坐标系作为判断,Y轴需要加上一个地图块的距离
			_spriteNPC->setPosition(_spriteNPC->getPositionX(),_spriteNPC->getPositionY() + MAPTILESIZE);
		}
		// 当NPC走到地图中间时,移动地图和精灵来代替精灵走动
		else if (_mapTile->getContentSize().height - _spriteNPC->getPositionY() > 160 + MAPTILESIZE)
		{
			_mapTile->setPosition(_mapTile->getPositionX(),_mapTile->getPositionY() - MAPTILESIZE);
			_spriteNPC->setPosition(_spriteNPC->getPositionX(),_spriteNPC->getPositionY() + MAPTILESIZE);
		}
		break;
	case TAG_DAOW:
		// 获取下一个节点,如果节点大于59,说明已经出边界,直接返回
		spriteNextPos.y += 1;
		if (spriteNextPos.y > _mapTile->getMapSize().height - 1)		return;
		// 获取下一个节点的ID,如果节点存在则返回
		GID = ly->tileGIDAt(spriteNextPos);
		if (GID)	return;
		if ((_spriteNPC->getPositionY() > MAPTILESIZE && _spriteNPC->getPositionY() < 160 + MAPTILESIZE)
			|| (_mapTile->getContentSize().height - _spriteNPC->getPositionY() < 160
			&& _mapTile->getContentSize().height - _spriteNPC->getPositionY() > 0))
		{
			_spriteNPC->setPosition(_spriteNPC->getPositionX(),_spriteNPC->getPositionY() - MAPTILESIZE);
		}
		else if (_spriteNPC->getPositionY() < _mapTile->getContentSize().height - 160 
			&& _spriteNPC->getPositionY() > 160 + MAPTILESIZE)
		{
			_mapTile->setPosition(_mapTile->getPositionX(),_mapTile->getPositionY() + MAPTILESIZE);
			_spriteNPC->setPosition(_spriteNPC->getPositionX(),_spriteNPC->getPositionY() - MAPTILESIZE);
		}
		break;
	case TAG_LEFT:
		// 获取下一个节点,如果节点小于0,说明已经出边界,直接返回
		spriteNextPos.x -= 1;
		if (spriteNextPos.x < 0)	return;
		// 获取下一个节点的ID,如果节点存在则返回
		GID = ly->tileGIDAt(spriteNextPos);
		if (GID)	return;
		if ((_spriteNPC->getPositionX() > MAPTILESIZE && _spriteNPC->getPositionX() < 240 + MAPTILESIZE)
			|| (_mapTile->getContentSize().width - _spriteNPC->getPositionX() < 240
			&& _mapTile->getContentSize().width - _spriteNPC->getPositionX() > 0))
		{
			_spriteNPC->setPosition(_spriteNPC->getPositionX() - MAPTILESIZE,_spriteNPC->getPositionY());
		}
		else if (_spriteNPC->getPositionX() < _mapTile->getContentSize().width - 240
			&& _spriteNPC->getPositionX() > 240 + MAPTILESIZE)
		{
			_mapTile->setPosition(_mapTile->getPositionX() + MAPTILESIZE,_mapTile->getPositionY() );
			_spriteNPC->setPosition(_spriteNPC->getPositionX() - MAPTILESIZE,_spriteNPC->getPositionY());
		}
		break;
	case TAG_RIGHT:
		// 获取下一个节点,如果节点大于59,说明已经出边界,直接返回
		spriteNextPos.x += 1;
		if (spriteNextPos.x > _mapTile->getMapSize().width - 1)		return;
		// 获取下一个节点的ID,如果节点存在则返回
		GID = ly->tileGIDAt(spriteNextPos);
		if (GID)	return;
		if (_spriteNPC->getPositionX() < 240 ||
			(_mapTile->getContentSize().width - _spriteNPC->getPositionX() < 240 - MAPTILESIZE
			&& _mapTile->getContentSize().width - _spriteNPC->getPositionX() > MAPTILESIZE))
		{
			_spriteNPC->setPosition(_spriteNPC->getPositionX() + MAPTILESIZE,_spriteNPC->getPositionY());
		}
		else if (_mapTile->getContentSize().width - _spriteNPC->getPositionX() > 240 - MAPTILESIZE)
		{
			_mapTile->setPosition(_mapTile->getPositionX() - MAPTILESIZE,_mapTile->getPositionY());
			_spriteNPC->setPosition(_spriteNPC->getPositionX() + MAPTILESIZE,_spriteNPC->getPositionY());
		}
		break;
	case TAG_FIRE:
		// 替换地图块
		ly->setTileGID(46,spriteCurPos);
		break;
	}
}

由于文件过大,这里只上传文件,源码下载:http://download.csdn.net/detail/u013707014/9003805

原文链接:https://www.f2er.com/cocos2dx/341774.html

猜你在找的Cocos2d-x相关文章