Cocos2D-X2.2.3学习笔记20(地图系统)

最新推荐文章于 2016-04-30 22:28:59 发布
最新推荐文章于 2016-04-30 22:28:59 发布
阅读量985 收藏
点赞数
分类专栏： Cocos2d-X2.2.3学习笔记 文章标签： 地图系统 TiledMap 碰撞检测
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hucblog/article/details/37698133
版权

接着上一节的代码来，上次遗留下来的BUG我们一个个的来解决。


首先，我们看向上移动，移动到顶部的时候，我们的主角还能往上移动，而地图一直不动。。。


呃，我们正确的移动方式是，当主角还在屏幕下方的时候，主角移动，等主角移动到中间的时候就开始地图移动，


当地图移动到底端的时候，主角在网上移动


有点乱了。。。。。。


先改代码吧！这个的理解了。逻辑好复杂


1.修改地图和主角移动的BUG


 
void HelloWorld::menuCallback(CCObject* pSender)
{
	CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();
	CCMenuItemImage* item=(CCMenuItemImage*)pSender;
	switch (item->getTag())
	{
	case TOPMENUITEM:
		//地图的高度+地图的Y位置(Y是负数，所以用加而不是减)+一个格子的高度>屏幕的高度
		//这里表示地图还没有移动到最顶部
		if(m_testmap->getContentSize().height+m_testmap->getPositionY()-TMXBLOCKSIZE>visibleSize.height)
		{
			//屏幕高度的一半-地图的Y位置(Y是负数，所以用减)<主角的Y位置
			//如果主角的位置超过了屏幕的中心位置才移动地图
			if(visibleSize.height/2-m_testmap->getPositionY()<m_player->getPositionY())
			{
				m_testmap->setPosition(ccp(m_testmap->getPositionX(),m_testmap->getPositionY()-TMXBLOCKSIZE));
			}
		    m_player->setPosition(ccp(m_player->getPositionX(),m_player->getPositionY()+TMXBLOCKSIZE));
		}
		//主角的Y位置<地图的高度-2个格子的高度
		//因为地图移动到顶部了，所以只能移动主角，这里是判断主角是不是到地图的顶部了
		else if(m_player->getPositionY()<m_testmap->getContentSize().height-2*TMXBLOCKSIZE)
		{
			m_player->setPosition(ccp(m_player->getPositionX(),m_player->getPositionY()+TMXBLOCKSIZE));
		}
		break;
	case BUTTOMMENUITEM:
		if(m_testmap->getPositionY()<0)
		{
			if(visibleSize.height/2-m_testmap->getPositionY()>m_player->getPositionY())
			{
				 m_testmap->setPosition(ccp(m_testmap->getPositionX(),m_testmap->getPositionY()+TMXBLOCKSIZE));
			}
		    m_player->setPosition(ccp(m_player->getPositionX(),m_player->getPositionY()-TMXBLOCKSIZE));
		}
		else  if(m_player->getPositionY()>TMXBLOCKSIZE)
		{
			m_player->setPosition(ccp(m_player->getPositionX(),m_player->getPositionY()-TMXBLOCKSIZE));
		}
		
		break;
	case LEFTMENUITEM:
		if(m_testmap->getPositionX()<0)
		{
			if(visibleSize.width/2-m_testmap->getPositionX()>m_player->getPositionX())
			{
				 m_testmap->setPosition(ccp(m_testmap->getPositionX()+TMXBLOCKSIZE,m_testmap->getPositionY()));
			}
			m_player->setPosition(ccp(m_player->getPositionX()-TMXBLOCKSIZE,m_player->getPositionY()));
		}
		else  if(m_player->getPositionX()>TMXBLOCKSIZE)
		{
			m_player->setPosition(ccp(m_player->getPositionX()-TMXBLOCKSIZE,m_player->getPositionY()));
		}
		break;
	case RIGHTMENUITEM:
		if(m_testmap->getContentSize().width+m_testmap->getPositionX()-TMXBLOCKSIZE>visibleSize.width)
		{
			if(visibleSize.width/2-m_testmap->getPositionX()<m_player->getPositionX())
			{
				m_testmap->setPosition(ccp(m_testmap->getPositionX()-TMXBLOCKSIZE,m_testmap->getPositionY()));
			}
		   m_player->setPosition(ccp(m_player->getPositionX()+TMXBLOCKSIZE,m_player->getPositionY()));
		}
		else if(m_player->getPositionX()<m_testmap->getContentSize().width-2*TMXBLOCKSIZE)
		{
			m_player->setPosition(ccp(m_player->getPositionX()+TMXBLOCKSIZE,m_player->getPositionY()));
		}
		break;
	default:
		break;
	}
}

这里的逻辑很复杂，得自己编理解编写。。理解的方式不一样，写发也就不一样

TiledMap地图和主角移动逻辑编写


接下来我们需要解决的是碰撞检测，

当主角遇到障碍物的时候，我们是走不动的，而刚刚看到的是居然可以穿越过去，这个不可以有


2.TMX不同图层进行碰撞检测
OK,我们的NPC最开始是在最坐下角的位置，我们可以按两下向上的按钮，给它向上移动两个格子，到我们标记为红色的位置。。




这时候我们输出的是，

X在第0个格子，Y在第二的格子

我们Cocos2dX用的是OpenGL坐标系统

以左下角为原点的

而Tiled是以左上角为原点的，  此时输出的应该是X：0 Y：17   是从零开始的，所以是17不是18 

void HelloWorld::menuCallback(CCObject* pSender)
{
	CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();
	CCMenuItemImage* item=(CCMenuItemImage*)pSender;
	/**
	获得NPC在MAP中的第几个格子
	X：这个不用多说了
	Y：因为坐标系统不一样，默认是OpenGL，而TiledMap是屏幕坐标系统，所以应当用地图大小的高度-1-Y
	地图是20X20的格子，m_testmap->getMapSize().height其实就是20
	**/
	CCPoint playerCur=ccp((int)m_player->getPositionX()/TMXBLOCKSIZE,m_testmap->getMapSize().height-1-(int)(m_player->getPositionY()/TMXBLOCKSIZE));
	//CCLOG("X:%f,Y:%f",playerCur.x,playerCur.y);
	//下一个格子
	CCPoint playerNext=playerCur;
	//获得障碍物层
	CCTMXLayer* Obstacles= m_testmap->layerNamed("Obstacles");
	unsigned int GID=0;
	/**
		为了方便大家看的思路清楚，这里分为两个switch写了
		等理解了之后其实搅在一个switch中就可以了的，这个没那么复杂
		复杂的再于判断到底是NPC移动还是地图移动，是否移动到边缘
	**/
	#pragma region NPC的碰撞检测
	switch (item->getTag())
	{
	case TOPMENUITEM:
		playerNext.y-=1;
		if (playerNext.y<0)return;
		/**
		用障碍物层中的tileGIDAt方法来获得其ID
		如果当前层中相应的格子中没东西则返回0
		否则返回ID，至于ID是多少,这个不清楚
		**/
		GID=Obstacles->tileGIDAt(playerNext);
		if (GID)return;
		break;
	case BUTTOMMENUITEM:
		playerNext.y+=1;
		if (playerNext.y>m_testmap->getMapSize().height-1)return;
		GID=Obstacles->tileGIDAt(playerNext);
		if (GID)return;
		break;
	case LEFTMENUITEM:
		playerNext.x-=1;
		if (playerNext.x<0)return;
		GID=Obstacles->tileGIDAt(playerNext);
		if (GID)return;
		break;
	case RIGHTMENUITEM:
		playerNext.x+=1;
		if (playerNext.x>m_testmap->getMapSize().width-1)return;
		GID=Obstacles->tileGIDAt(playerNext);
		if (GID)return;
		break;
	default:
		break;
	}    
#pragma endregion

	#pragma region 这里的逻辑是NPC或地图的移动判断
	switch (item->getTag())
	{
	case TOPMENUITEM:
		//地图的高度+地图的Y位置(Y是负数，所以用加而不是减)+一个格子的高度>屏幕的高度
		//这里表示地图还没有移动到最顶部
		if(m_testmap->getContentSize().height+m_testmap->getPositionY()-TMXBLOCKSIZE>visibleSize.height)
		{
			//屏幕高度的一半-地图的Y位置(Y是负数，所以用减)<主角的Y位置
			//如果主角的位置超过了屏幕的中心位置才移动地图
			if(visibleSize.height/2-m_testmap->getPositionY()<m_player->getPositionY())
			{
				m_testmap->setPosition(ccp(m_testmap->getPositionX(),m_testmap->getPositionY()-TMXBLOCKSIZE));
			}
			m_player->setPosition(ccp(m_player->getPositionX(),m_player->getPositionY()+TMXBLOCKSIZE));
		}
		//主角的Y位置<地图的高度-2个格子的高度
		//因为地图移动到顶部了，所以只能移动主角，这里是判断主角是不是到地图的顶部了
		else if(m_player->getPositionY()<m_testmap->getContentSize().height-2*TMXBLOCKSIZE)
		{
			m_player->setPosition(ccp(m_player->getPositionX(),m_player->getPositionY()+TMXBLOCKSIZE));
		}
		break;
	case BUTTOMMENUITEM:
		if(m_testmap->getPositionY()<0)
		{
			if(visibleSize.height/2-m_testmap->getPositionY()>m_player->getPositionY())
			{
				m_testmap->setPosition(ccp(m_testmap->getPositionX(),m_testmap->getPositionY()+TMXBLOCKSIZE));
			}
			m_player->setPosition(ccp(m_player->getPositionX(),m_player->getPositionY()-TMXBLOCKSIZE));
		}
		else  if(m_player->getPositionY()>TMXBLOCKSIZE)
		{
			m_player->setPosition(ccp(m_player->getPositionX(),m_player->getPositionY()-TMXBLOCKSIZE));
		}

		break;
	case LEFTMENUITEM:
		if(m_testmap->getPositionX()<0)
		{
			if(visibleSize.width/2-m_testmap->getPositionX()>m_player->getPositionX())
			{
				m_testmap->setPosition(ccp(m_testmap->getPositionX()+TMXBLOCKSIZE,m_testmap->getPositionY()));
			}
			m_player->setPosition(ccp(m_player->getPositionX()-TMXBLOCKSIZE,m_player->getPositionY()));
		}
		else  if(m_player->getPositionX()>TMXBLOCKSIZE)
		{
			m_player->setPosition(ccp(m_player->getPositionX()-TMXBLOCKSIZE,m_player->getPositionY()));
		}
		break;
	case RIGHTMENUITEM:
		if(m_testmap->getContentSize().width+m_testmap->getPositionX()-TMXBLOCKSIZE>visibleSize.width)
		{
			if(visibleSize.width/2-m_testmap->getPositionX()<m_player->getPositionX())
			{
				m_testmap->setPosition(ccp(m_testmap->getPositionX()-TMXBLOCKSIZE,m_testmap->getPositionY()));
			}
			m_player->setPosition(ccp(m_player->getPositionX()+TMXBLOCKSIZE,m_player->getPositionY()));
		}
		else if(m_player->getPositionX()<m_testmap->getContentSize().width-2*TMXBLOCKSIZE)
		{
			m_player->setPosition(ccp(m_player->getPositionX()+TMXBLOCKSIZE,m_player->getPositionY()));
		}
		break;
	default:
		break;
	}  
#pragma endregion
}

完整的代码如上,看起来有点凌乱。。。可以收缩起来看，比较清楚




这里差不多就完了，在介绍一个，动态更新地图

3.动态更新地图

Obstacles->setTileGID(46,playerCur);

这里46是什么意思呢？？

还记得碰撞检测是获得的GID吗？？


一行8个，刚好在第46个。。。

OK，最后附上效果图和源代码




q269399361
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Cocos2d-x学习笔记（九）—— 地图系统（地图编辑器，事件响应）
u013707014的博客
08-14 738
游戏地图是游戏过程重要的环节，这里我们使用地图编辑器编辑我们的地图，其中CCTMXTiledMap是我们创建地图时使用的类对象，接下来是地图编辑器的使用，免费下载地址：http://www.mapeditor.org/ 地图编辑器 打开下载好的地图编辑器，打开“文件--->新文件”： 打开后弹出窗口，只设置地图高度和宽度（即每一行地图的块数），块的大小（根据自己所选地图），其他为默认
cocos2d 加载地图总结
sduliulun的专栏
02-28 6849
刚刚完成“伞公主”的制作，其中背景地图的加载是一个很有难度的工作。为了完成这项任务我做了大量的工作，不能说非常全面至少应该有一些有用的经验，所以想总结下来，以备后用。特别是背景的移动            加载地图的方法：            1 。精灵＋CCParallaxNode 具体参考：http://www.cnblogs.com/andyque/archive/2011/06/
Cocos2d-X3.0实现地图的无限滚动
meishadevs的个人博客
04-26 4438
我最近在做一个跑酷类游戏，在跑酷类游戏中就会用到地图的无限滚动，在网上查了许多资料后，我也明白了地图无限滚动的实现方法。 为了更加形象的介绍地图的无限滚动，我特意画了几张示意图 首先需要准备两张地图，并且在初始化的时候将第一张地图放在窗口上，第二张地图放在第一张地图的后面   滚动地图，当第一张地图的最右端和窗口的最左端重合 将第一张地图放在第二张地图的后面   当第二张
Cocos2d-x大型地图
Sped GO！
03-31 1340
在cocos2d-x中，瓦片地图一般是用TileMap方案实现 对于Tiled的使用，本文不做介绍，本文着重介绍下cocos2dx中瓦片地图的使用 首先，我们需要知道几个类：CCTMXTiledMap、CCTMXLayer、CCTMXObjectGroup CCTMXTiledMap代表一个完整的瓦片地图，它负责地图文件的载入、管理以及呈现。CCTMXLayer代表一个瓦片地图中的图层，可以
Cocos2D 地图制作，并让小人沿着路行走
lovoo的博客
04-30 1万+
1.使用工具Tiled，并打开 2.拖入一张图片到图块区 3.打开网格 4.从右侧的图块区拖入一张绿色的图片绘制背景 5. 然后再拖入一张灰色的图片绘制路 6.生成后保存为”map.tmx” 7.使用editplus打开，然后编辑里面的内容，不能出现中文 把 改成 8.把map.tmx与原图bk1.jpg拷贝的工程的assert目录下 9.加载地图 C
Cocos2D-X2.2.3学习笔记5(UI系统)
05-12
本篇学习笔记将深入探讨Cocos2D-X 2.2.3中的UI系统，帮助你掌握如何高效地利用这一功能。 首先，UI系统的核心组件是`CCMenuItem`，它是所有UI元素的基础，如菜单项、按钮等。你可以通过继承`CCMenuItem`并实现其...
Cocos2D-X2.2.3学习笔记3(内存管理)
05-07
在Cocos2D-X2.2.3的学习过程中，内存管理是至关重要的一个环节，它直接影响到游戏的性能和稳定性。Cocos2D-X是一个跨平台的2D游戏开发框架，使用C++作为主要编程语言，并支持Lua和JavaScript。本笔记将深入探讨Cocos...
Cocos2D-X2.2.3学习笔记6(UI系统)
05-13
本篇笔记将深入探讨Cocos2D-X中的UI组件和功能，帮助你更好地理解和使用这个版本的UI系统。 1. **CCMenu与CCMenuItem** CCMenu是Cocos2D-X中用于创建菜单的类，它包含一组CCMenuItem对象。CCMenuItem是菜单项的...
Cocos2D-X2.2.3学习笔记19(地图系统)
07-10
在这个学习笔记中，我们将聚焦于Cocos2D-X 2.2.3版本中的地图系统，特别是如何利用TiledMap来创建和管理游戏场景。TiledMap是Cocos2D-X提供的一种强大工具，它允许开发者通过TMX格式的文件来组织和控制游戏地图。 ...
Cocos2D-X2.2.3学习笔记15(回调动作/动画/加速度)
H U C
06-05 2043
OK，今天我们介绍完这三个内容之后动作就OK了，d
Cocos2D-X2.2.3学习笔记1(vs开发环境和Android环境交叉编译)
H U C
05-05 1954
一.开发平台
Cocos2D-X2.2.3学习笔记9(处理重力感应事件,移植到Android添加两次返回退出游戏效果)
H U C
05-21 1813
这节我们来学习Cocos2d
Cocos2D-X2.2.3学习笔记13(延时动作)
H U C
06-03 1744
的
Cocos2D-X2.2.3学习笔记8(处理精灵单击、双击和三连击事件)
H U C
05-20 1735
我们这节la
Cocos2D-X2.2.3学习笔记12(瞬时动作)
H U C
05-27 1594
倒萨
Cocos2D-X2.2.3学习笔记7(事件队列之触屏事件)
H U C
05-16 1327
今天我们通过一个实例来讲解Cocos2d-x中的触屏事件 当鼠标点击某个位置，移动，精灵会跟随鼠标移动 OK。我们先创建一个新的工程 将HelloWorld中多余的代码删除掉 头文件如下: #ifndef __HELLOWORLD_SCENE_H__ #define __HELLOWORLD_SCENE_H__ #include "cocos2d.h" class Hello
Cocos2D-X2.2.3学习笔记2(坐标系统)
H U C
05-06 1092
前言 1.介绍Cocos2d-x坐标系统中的概念                   2.锚点                  3.坐标之间的转换 1.Cocos2d-x坐标系统 1.1  笛卡尔坐标系           很简单，笛卡尔坐标系其实就是以右手为

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值