cocos2d-x学习笔记3 Tiled Map Editor地图编辑器

最新推荐文章于 2024-08-29 02:21:56 发布
最新推荐文章于 2024-08-29 02:21:56 发布
阅读量1.9k 收藏
点赞数
分类专栏： cocos2d-x
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/danming60520/article/details/8845160
版权

源代码下载地址：http://download.csdn.net/detail/danming60520/5296224

本文是参考了无脑码农的视频以及其中（临江仙）的一篇博客http://blog.csdn.net/zhy_cheng/article/details/8308609 写的一个学习笔记，大致内容可以参考他们的博客；Tiled Map Editor是Cocos2d-x支持的地图编辑器，使用Tiled编辑出的地图可以很方便的被Cocos2d-x使用Tiled的官网是http://www.mapeditor.org/。我使用的地图编辑器是QT版本。其中：cocos2d-x的版本是：cocos2d-2.1rc0-x-2.1.2-hotfix + VS2010。

这个实例游戏包含：

1：如何使用Tiled Map Editor地图编辑器

2：人物主角 可以吃西瓜，开箱子

3：添加分数计时器

 

现在试一试地图编辑器吧：

首先新建一个新地图：文件->新建文件

然后将所要用到的图片文件保存到vs 工程目录Resource 下面，然后选择： 地图 --> 新图块，导入需要的图片，

在这里图片中间和最左边最上边都有黑线，所以绘制偏移1个像素，边距和间距都为一。

然后就是按照“无脑码农”视频里面的讲解一步一步的操作直到完成下面的操作：

这里包含了五个图层：floor, wall, hero, foreground, box; （包含三个图片，一个是基本的地图，一个是西瓜，一个是箱子）

下面贴出主要代码：

有些人看到无脑视频里的人物移动有位置偏差，这里也做了更正，原因是精灵设置的坐标（锚点）和 地图编辑器里的坐标是有差的

 

bool HelloWorld::init()
{
    bool bRet = false;
    do 
    {
        //
        // super init first
        //

        CC_BREAK_IF(! CCLayer::init());
		
		pTiledMap = CCTMXTiledMap::create("map.tmx");			//载入地图文件//
		this->addChild(pTiledMap);	

		CCTMXObjectGroup* pObjects = pTiledMap->objectGroupNamed("hero");		//获取 hero 对象层//
		CCDictionary* pSpawnPoint = pObjects->objectNamed("MyHero");						//获取对象MyHero//

		int nX = pSpawnPoint->valueForKey("x")->floatValue();				//左下角为原点的坐标//
		int nY = pSpawnPoint->valueForKey("y")->floatValue();

		pSpriteHero = CCSprite::create("Player2.png");
		CC_BREAK_IF(!pSpriteHero);
		pSpriteHero->setPosition(ccp(nX + pSpriteHero->getContentSize().width/2, nY+ pSpriteHero->getContentSize().height/2));			//
		//pSpriteHero->setPosition(ccp(nX, nY));
		this->addChild(pSpriteHero);

		CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this,0,false);		///添加触摸响应事件//
	//	this->setViewPointCenter(pSpriteHero->getPosition());

		wallLayer = pTiledMap->layerNamed("wall");
		foreGround = pTiledMap->layerNamed("foreground");
		box = pTiledMap->layerNamed("box");

		CCSize size = CCDirector::sharedDirector()->getWinSize();

		pLable = CCLabelTTF::create("","楷体", 28);
		pLable->setColor(ccc3(192,14,235));

		pLable->setPosition(ccp(9*32, size.height - 16));
		addChild(pLable,1);

		pLableBox = CCLabelTTF::create("","楷体", 28);
		pLableBox->setColor(ccc3(0,0,0));

		pLableBox->setPosition(ccp(9*32, size.height - 48));
		addChild(pLableBox,1);

		pGameOver = CCLabelTTF::create("","楷体", 50);
		pGameOver->setColor(ccc3(255,0,0));

		pGameOver->setPosition(ccp(size.width / 2, size.height / 2));

		addChild(pGameOver,1);

		nCount = nCountBox = 0;
        bRet = true;
    } while (0);

    return bRet;
}

void HelloWorld::ccTouchEnded(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent)
{
	CCPoint point = pTouch->getLocation();
	CCPoint newPoint;

	//如果 点击点的X坐标减去player的X坐标的绝对值 大于 点加点的Y坐标减去player的Y坐标的绝对值//
	if (fabs(point.x - pSpriteHero->getPosition().x) > fabs(point.y - pSpriteHero->getPosition().y))
	{
		if (point.x > pSpriteHero->getPosition().x)
		{
			//pSpriteHero->setPosition(ccp(pSpriteHero->getPositionX() + 32, pSpriteHero->getPositionY()));
			newPoint = ccp(pSpriteHero->getPositionX() + 32, pSpriteHero->getPositionY());
		}
		else
		{
			//pSpriteHero->setPosition(ccp(pSpriteHero->getPositionX() - 32, pSpriteHero->getPositionY()));
			newPoint = ccp(pSpriteHero->getPositionX() - 32, pSpriteHero->getPositionY());
		}
	} 
	else
	{
		if (point.y > pSpriteHero->getPosition().y)
		{
			//pSpriteHero->setPosition(ccp(pSpriteHero->getPositionX() , pSpriteHero->getPositionY() + 32));
			newPoint = ccp(pSpriteHero->getPositionX() , pSpriteHero->getPositionY() + 32);
		}
		else
		{
			//pSpriteHero->setPosition(ccp(pSpriteHero->getPositionX(), pSpriteHero->getPositionY() - 32));
			newPoint = ccp(pSpriteHero->getPositionX(), pSpriteHero->getPositionY() - 32);
		}
	}
	
//	CCPoint pointNew = ccp(newPoint.x - 16, newPoint.y - 16);
	if (pSpriteHero->getPosition().x <= pTiledMap->getMapSize().width * pTiledMap->getTileSize().width &&
		pSpriteHero->getPositionY() <= pTiledMap->getMapSize().height * pTiledMap->getTileSize().height &&
		pSpriteHero->getPositionX() >= 0 &&
		pSpriteHero->getPositionY() >= 0)
	{
		this->setPlayerPosition(newPoint);
	}
	
//	this->setPlayerPosition(newPoint);
	//this->setViewPointCenter(newPoint);
}


 

void HelloWorld::ccTouchEnded(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent)
{
	CCPoint point = pTouch->getLocation();
	CCPoint newPoint;

	//如果 点击点的X坐标减去player的X坐标的绝对值 大于 点加点的Y坐标减去player的Y坐标的绝对值//
	if (fabs(point.x - pSpriteHero->getPosition().x) > fabs(point.y - pSpriteHero->getPosition().y))
	{
		if (point.x > pSpriteHero->getPosition().x)
		{
			//pSpriteHero->setPosition(ccp(pSpriteHero->getPositionX() + 32, pSpriteHero->getPositionY()));
			newPoint = ccp(pSpriteHero->getPositionX() + 32, pSpriteHero->getPositionY());
		}
		else
		{
			//pSpriteHero->setPosition(ccp(pSpriteHero->getPositionX() - 32, pSpriteHero->getPositionY()));
			newPoint = ccp(pSpriteHero->getPositionX() - 32, pSpriteHero->getPositionY());
		}
	} 
	else
	{
		if (point.y > pSpriteHero->getPosition().y)
		{
			//pSpriteHero->setPosition(ccp(pSpriteHero->getPositionX() , pSpriteHero->getPositionY() + 32));
			newPoint = ccp(pSpriteHero->getPositionX() , pSpriteHero->getPositionY() + 32);
		}
		else
		{
			//pSpriteHero->setPosition(ccp(pSpriteHero->getPositionX(), pSpriteHero->getPositionY() - 32));
			newPoint = ccp(pSpriteHero->getPositionX(), pSpriteHero->getPositionY() - 32);
		}
	}
	
	if (pSpriteHero->getPosition().x <= pTiledMap->getMapSize().width * pTiledMap->getTileSize().width &&
		pSpriteHero->getPositionY() <= pTiledMap->getMapSize().height * pTiledMap->getTileSize().height &&
		pSpriteHero->getPositionX() >= 0 &&
		pSpriteHero->getPositionY() >= 0)
	{
		this->setPlayerPosition(newPoint);
	}
	
}

 

 

void HelloWorld::setPlayerPosition(cocos2d::CCPoint Position)
{
	CCPoint tiledCoord = this->tileCoordForPosition(Position);		//获取瓦片tiled 坐标//
	int tiledId = wallLayer->tileGIDAt(tiledCoord);								//获取瓦片tiled 在层中的ID标识//

	if (tiledId != 0)
	{
		CCDictionary* properties = pTiledMap->propertiesForGID(tiledId);
		if (properties != NULL)
		{
			CCString sCollision = "";
			if (properties->valueForKey("Collisional")->length() > 0 )
				sCollision = properties->valueForKey("Collisional")->getCString();
			
			if (sCollision.length() > 0 && sCollision.m_sString == "True")		return;		
		}	
	}

	int tiledWatermelon = foreGround->tileGIDAt(tiledCoord);
	if (tiledWatermelon != 0)
	{
		CCDictionary* watermelonProperty = pTiledMap->propertiesForGID(tiledWatermelon);
		if (watermelonProperty != NULL)
		{
			CCString sWater = "";
			if (watermelonProperty->valueForKey("Watermelon")->length() > 0)
			{
				sWater = watermelonProperty->valueForKey("Watermelon")->getCString();
				if (sWater.length() > 0  && sWater.m_sString == "True")
				{
					foreGround->removeTileAt(tiledCoord);
					nCount += 2;
					CCString *temp=CCString::createWithFormat("W:%d",nCount);

					pLable->setString(temp->getCString());	
				}
			}
		}	
	}

	int tiledBox = box->tileGIDAt(tiledCoord);
	if (tiledBox != 0)
	{
		CCDictionary* boxProperty = pTiledMap->propertiesForGID(tiledBox);
		if (boxProperty != NULL)
		{
			CCString sBox = "";
			if (boxProperty->valueForKey("box")->length() > 0)
			{
				sBox = boxProperty->valueForKey("box")->getCString();
				if (sBox.length() > 0  && sBox.m_sString == "4" )
				{
					box->removeTileAt(tiledCoord);
					nCountBox += 4;
					CCString *temp=CCString::createWithFormat("B:%d",nCountBox);

					pLableBox->setString(temp->getCString());	
				}
				else if (sBox.length() > 0  && sBox.m_sString == "3")
				{
					box->removeTileAt(tiledCoord);
					nCountBox += 3;
					CCString *temp=CCString::createWithFormat("B:%d",nCountBox);

					pLableBox->setString(temp->getCString());	
				}
				else if (sBox.length() > 0  && sBox.m_sString == "2")
				{
					box->removeTileAt(tiledCoord);
					nCountBox += 2;
					CCString *temp=CCString::createWithFormat("B:%d",nCountBox);

					pLableBox->setString(temp->getCString());	
				}
				else if (sBox.length() > 0  && sBox.m_sString == "1")
				{
					box->removeTileAt(tiledCoord);
					nCountBox ++;
					CCString *temp=CCString::createWithFormat("B:%d",nCountBox);

					pLableBox->setString(temp->getCString());	
				}
			}
		}
	}
	pSpriteHero->setPosition(Position);

	if (nCount == 100 && nCountBox == 100)
	{
		pGameOver->setString("You Win The Game !!!");	
	}
}


好下面是程序运行起来的截图：

程序简单说明一下，人物吃一个西瓜就可以赢得2分，吃宝箱分别是赢得的1,2,3,4分 当分数达到100的时候，就赢了。

源代码下载地址：http://download.csdn.net/detail/danming60520/5296224

 

danming60520
关注
专栏目录
Tiled Map Editor（中文版）
03-23
Tiled Map Editor（中文版） 直接安装使用，无需破解。
【Cocos2d-x游戏引擎开发笔记(13)】Tiled Map Editor(一)
热门推荐
卡尔
12-17 4万+
原创文章，转载请注明出处：http://blog.csdn.net/zhy_cheng/article/details/8308609 Tiled Map Editor是Cocos2d-x支持的地图编辑器，使用Tiled编辑出的地图可以很方便的被Cocos2d-x使用Tiled的官网是Tiled Map Editor。我使用的地图编辑器是QT版本。   好了，下面就试一试吧。 1.编辑地图
游戏开发Tiled篇-1.Tiled简介与安装
最新发布
weixin_42198780的博客
08-29 164
1.Tiled Map Editor 是什么Tiled Map Editor 是一个强大且灵活的开源工具，专为 2D 游戏内容开发而设计。它支持多种地图编辑模式，包括传统的矩形图块层、以及更为复杂的等距和等角六边形投影图层。这使得开发者能够创建多样化的游戏环境，从简单的平台关卡到复杂的战术地图。Tiled 提供了一系列高效...
【Cocos2d-x游戏引擎开发笔记(15)】Tiled Map Editor(三)
modabobo
12-21 162
原创文章，转载请注明出处：http://blog.csdn.net/zhy_cheng/article/details/8363028 上一篇中完成了再地图中添加西瓜，让hero吃，这篇将会完成这个游戏。 1.添加敌人 在对象层中加入敌人， 注意，加入了一个键值对，键为n，值为1。这个键值对主要就是为了区分敌人和英雄。将敌人画在地图上。 for(int i=0;i&lt;int(o...
Tiled Map Editor 地图编辑器 tiled-0.15.1-win64
02-19
tiled-0.15.1-win64 Tiled Map Editor 地图编辑器
cocos2d-x 游戏 之 Tiled Map Editor(地图编辑)
月亮哥的专栏
06-03 4454
转载于：http://blog.csdn.net/zhy_cheng/article/details/8308609 Tiled Map Editor是Cocos2d-x支持的地图编辑器，使用Tiled编辑出的地图可以很方便的被Cocos2d-x使用Tiled的官网是Tiled Map Editor。我使用的地图编辑器是QT版本。   好了，下面就试一试吧。 1.编辑地图 选择文件---
cocos2d-x-3rd-party-libs-src:cocos2d-x的依存关系
05-28
cocos2d-x第三方库 该存储库包含与cocos2d-x捆绑在一起的第三方库（二进制）的源代码。 对于cocos2d-x开发人员和/或想要： 生成特定库的更新版本（例如：将libpng 1.6.2升级到1.6.14） 将cocos2d-x移植到其他平台...
Cocos2d-x学习笔记——完全掌握C++ API与游戏项目开发.zip
06-28
本学习笔记旨在帮助开发者全面掌握Cocos2d-x的C++ API以及游戏项目的开发流程。 一、Cocos2d-x框架基础 Cocos2d-x是Cocos2d-x系列的C++版本，它提供了丰富的图形绘制、动画制作、音频播放、物理引擎等功能。Cocos2d...
Cocos2d-x学习笔记之开发环境搭建
01-21
cocos2d-x一款免费游戏开发引擎，本着开源、跨平台的特色，成为了越来越多的手机游戏的开发引擎，所以让我们也来学习cocos2d-x这款游戏引擎吧。通过学习cocos2d-x，我们将了解更多关于游戏开发的知识，比如lua脚本、...
Cocos2d-x学习笔记之Hello World!
01-20
首先我们要为vs2010安装一个cocos2d-x的插件，有了这个插件，当我们打开vs2010，单击文件->新建->项目的时候，在已安装的模板一栏就能看到cocos2d-x了，方便了我们的编写。那么这个插件在什么地方呢，由于cocos2d-x...
Tiled Map Editor1.2.1
12-22
Tiled Map Editor是制作CoCos2d地图的工具。包括32位和64位安装包。
tiled map editor 1.2.1
01-21
地图编辑器，最新稳定的1.2.1版本，windows64位的.
tiled软件下载
08-14
cocos creator配套使用的地图绘制软件tiled,方便地图绘制。
Tiled Map Editor 地图编辑器（一）基础功能+地形功能
firseve的专栏
03-01 7731
看了很久关于 Tiled Map Editor 相关资料，但是网上的东西相对太少了，多日整理之后重新写一份吧 一方面是对自己学习的总结 另外也是和想入门的人做个分享。 本文链接地址： [url]http://happysoul.iteye.com/blog/2279627[/url] [b]首先是官网下载地址[/b] [url]http://www.mapeditor.org/[/...
【Cocos2d-x游戏引擎开发笔记(14)】Tiled Map Editor(二)
卡尔
12-18 1万+
原创文章，转载请注明出处：http://blog.csdn.net/zhy_cheng/article/details/8316277 这篇文章接着上篇继续学习使用Tiled制作游戏。   首先，对上篇的一些代码进行优化，一个是从对象获取对象的坐标。上次使用的代码有点麻烦，现在改为下面的代码： CCTMXObjectGroup *objects=_tileMap->objectGrou
Tiled Map Editor(二)
wkyb608的专栏
08-02 757
首先，对上篇的一些代码进行优化，一个是从对象获取对象的坐标。上次使用的代码有点麻烦，现在改为下面的代码： [cpp] view plaincopy CCTMXObjectGroup *objects=_tileMap->objectGroupNamed("hero");//获取对象层   CCDictionary  *spawnPoint=object
cocos2dx进阶学习之瓦片地图编辑器
尹成的技术博客
02-11 3876
之前学习了瓦片地图类，现在我们来学习下瓦片地图制作工具这个是开源的工具，可以从网上下载，下面我们演示下怎么做地图步骤1将需要用到的图片放到一个目录下，比如我机器上就是d:\tiled，这些图片是基础纹理步骤2打开软件创建一个新的文件步骤3设置格式，我这里没做设置，按照默认继续步骤4将新的tmx地图另存到图块目录步骤5将图块加入完成之后，在右下角就会看到这个图块的内容步骤6增加图层增加完图层之后，修
【分享】使用cocoscreator2.13开发的一款web在线地图编辑器
CaiXinXing的CSDN博客
06-24 3211
凭借多年的游戏开发经验，用cocoscreator2.13开发了一款web在线地图编辑器，暂且命名为EasyMapEditor，用Google浏览器打开，提供了从在线地图编辑到正式项目运行起来的完整流程，可用于RPG和SLG游戏开发。 在线地图编辑地址https://easymapeditor-1258223435.cos.ap-guangzhou.myqcloud.com/v1.0.0/web-mobile/index.html861 相关demo体验地址https://easymapeditor-12
cocos2d-x学习资源大集合
3. **Himi** 的cocos2d-x游戏开发博客，Himi是一位经验丰富的开发者，他的文章深入浅出，适合进阶学习。 4. **老G的blog**，可能包含实践经验和技巧分享。 5. **CocoaChina** 上的汇总帖，集合了API、Wiki、文档和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值