cocos2d-x游戏实例(3)-获得地图索引
2014-02-02 20:58
381 查看
cocos2d-x游戏实例(3)-获得地图索引
我们不仅要显示地图,还要对地图进行一些逻辑操作,比如地图的碰撞等,要获得地图的属性,必须要获得地图的索引,就是地图的行列值,那么我们如何根据坐标获得地图的索引值呢?本文将介绍Tiles工具支持的两种地图中根据坐标获得地图的索引值,普通地图和45度角地图
首先普通地图比较简单,就是用坐标值除以图素的宽高即可,这也是一种比较常用的地图表现方法。
下面介绍45度角的根据坐标获得地图的索引值,首先来看一下45度角地图
![](http://hi.csdn.net/attachment/201202/24/0_133009501298s1.gif)
就是一个菱形,我们从几何的角度来转换坐标,得到的像素宽高并不是真实的图素宽高,而是每个小图素块的菱形的对角线的长,这样一来问题就转变为求解这个菱形中点对应的菱形棱长的问题
![](http://hi.csdn.net/attachment/201202/24/0_1330094784Isz0.gif)
首先抱歉,我的图画的不好,A就是我们的坐标点,整个地图就是这个菱形我们求出DC和CB就分别就可以除以图素菱形棱长就可以求得对应索引坐标,这里要说明的是ABCD是个平行四边形(虽然看起来......),所以,对于三角形ADC,我们只要获得AD和DC的长就可以(AD等于BC),我们可以通过正弦定理解得(AD/sin角ACD = AC/sin角ADC = DC/sin角CAD)因为我们可以求出AC(两点距离公式),我们可以获得AC关于水平线的角,通过差角公式可以获得角ACD,角CAD,然后角CDA也就获得了,三角形也就解开了,我们分开A点在C点左和C点右的情况,代码如下mystatic5是根号5 mystatic2是根号2 mystatic是菱形棱长(图素高*根号5)
//坐标与地图位置的转换
CCPoint MapScene::convertto2d(float x,float y)
{
CCTMXTiledMap* map = (CCTMXTiledMap*) getChildByTag(kTagTileMap);
int mapWidth = map->getMapSize().width * map->getTileSize().width;
int mapHeight = map->getMapSize().height * map->getTileSize().height;
double distanse;
double sin1;
double sin11;
double sin22;
double cos11;
double cos1;
int d2x;
int d2y;
double mystatic5 = sqrt(5.0);//«Û∏˘∫≈5
double mystatic = 16 * mystatic5;//–°ÕºøÈ¿‚≥§
//char mch[256];
if(x > mapWidth/2)
{
distanse = sqrt((x - mapWidth/2) * (x - mapWidth/2) + (mapHeight - y) * (mapHeight - y));
sin1 = (mapHeight - y)/distanse;
cos1 = (x - mapWidth/2)/distanse;
sin11 = (sin1 * 2 - cos1) / mystatic5;
cos11 = (sin1 + cos1 * 2) / mystatic5;
d2y = distanse * 5 / 4 * sin11 / mystatic;
sin22 = (2 * sin1 + cos1) / mystatic5;
d2x = distanse * 5 / 4 * sin22 / mystatic;
return ccp(d2x,d2y);
}
else
{
distanse = sqrt((mapWidth/2 - x) * (mapWidth/2 - x) + (mapHeight - y) * (mapHeight - y));
sin1 = (mapHeight - y)/distanse;
cos1 = (mapWidth/2 - x)/distanse;
sin11 = (sin1 * 2 - cos1) / mystatic5;
cos11 = (sin1 + cos1 * 2) / mystatic5;
d2x = distanse * 5 / 4 * sin11 / mystatic;
//sin22 = 4.0 * cos11 / 5 + 3.0 * sin11 / 5;
sin22 = (2 * sin1 + cos1) / mystatic5;
d2y = distanse * 5 / 4 * sin22 / mystatic;
return ccp(d2x,d2y);
}
}
如有错误之处,希望大家多多指正
cocos2d-x游戏实例(3)-获得地图索引
我们不仅要显示地图,还要对地图进行一些逻辑操作,比如地图的碰撞等,要获得地图的属性,必须要获得地图的索引,就是地图的行列值,那么我们如何根据坐标获得地图的索引值呢?本文将介绍Tiles工具支持的两种地图中根据坐标获得地图的索引值,普通地图和45度角地图首先普通地图比较简单,就是用坐标值除以图素的宽高即可,这也是一种比较常用的地图表现方法。
下面介绍45度角的根据坐标获得地图的索引值,首先来看一下45度角地图
![](http://hi.csdn.net/attachment/201202/24/0_133009501298s1.gif)
就是一个菱形,我们从几何的角度来转换坐标,得到的像素宽高并不是真实的图素宽高,而是每个小图素块的菱形的对角线的长,这样一来问题就转变为求解这个菱形中点对应的菱形棱长的问题
![](http://hi.csdn.net/attachment/201202/24/0_1330094784Isz0.gif)
首先抱歉,我的图画的不好,A就是我们的坐标点,整个地图就是这个菱形我们求出DC和CB就分别就可以除以图素菱形棱长就可以求得对应索引坐标,这里要说明的是ABCD是个平行四边形(虽然看起来......),所以,对于三角形ADC,我们只要获得AD和DC的长就可以(AD等于BC),我们可以通过正弦定理解得(AD/sin角ACD = AC/sin角ADC = DC/sin角CAD)因为我们可以求出AC(两点距离公式),我们可以获得AC关于水平线的角,通过差角公式可以获得角ACD,角CAD,然后角CDA也就获得了,三角形也就解开了,我们分开A点在C点左和C点右的情况,代码如下mystatic5是根号5 mystatic2是根号2 mystatic是菱形棱长(图素高*根号5)
//坐标与地图位置的转换
CCPoint MapScene::convertto2d(float x,float y)
{
CCTMXTiledMap* map = (CCTMXTiledMap*) getChildByTag(kTagTileMap);
int mapWidth = map->getMapSize().width * map->getTileSize().width;
int mapHeight = map->getMapSize().height * map->getTileSize().height;
double distanse;
double sin1;
double sin11;
double sin22;
double cos11;
double cos1;
int d2x;
int d2y;
double mystatic5 = sqrt(5.0);//«Û∏˘∫≈5
double mystatic = 16 * mystatic5;//–°ÕºøÈ¿‚≥§
//char mch[256];
if(x > mapWidth/2)
{
distanse = sqrt((x - mapWidth/2) * (x - mapWidth/2) + (mapHeight - y) * (mapHeight - y));
sin1 = (mapHeight - y)/distanse;
cos1 = (x - mapWidth/2)/distanse;
sin11 = (sin1 * 2 - cos1) / mystatic5;
cos11 = (sin1 + cos1 * 2) / mystatic5;
d2y = distanse * 5 / 4 * sin11 / mystatic;
sin22 = (2 * sin1 + cos1) / mystatic5;
d2x = distanse * 5 / 4 * sin22 / mystatic;
return ccp(d2x,d2y);
}
else
{
distanse = sqrt((mapWidth/2 - x) * (mapWidth/2 - x) + (mapHeight - y) * (mapHeight - y));
sin1 = (mapHeight - y)/distanse;
cos1 = (mapWidth/2 - x)/distanse;
sin11 = (sin1 * 2 - cos1) / mystatic5;
cos11 = (sin1 + cos1 * 2) / mystatic5;
d2x = distanse * 5 / 4 * sin11 / mystatic;
//sin22 = 4.0 * cos11 / 5 + 3.0 * sin11 / 5;
sin22 = (2 * sin1 + cos1) / mystatic5;
d2y = distanse * 5 / 4 * sin22 / mystatic;
return ccp(d2x,d2y);
}
}
如有错误之处,希望大家多多指正
相关文章推荐
- cocos2d-x游戏实例(3)-获得地图索引
- cocos2d-x游戏实例(3)-获得地图索引
- Cocos2D-x游戏开发之十五:CCTMXTiledMap地图的基础实例
- Cocos2d-x游戏实例-《跑跑跑》制作教程(第一篇)——加载地图
- cocos2d-x游戏实例(10)-塔防游戏(修改地图图素,地图整体缩放)
- 【木头Cocos2d-x 009】游戏实例-《跑跑跑》制作教程(第一篇)——加载地图
- 【木头Cocos2d-x 009】游戏实例-《跑跑跑》制作教程(第一篇)——加载地图
- cocos2d-x 3.0游戏实例学习笔记 《跑酷》第四步--地图循环&主角加入动作
- cocos2d-x游戏实例(10)-塔防游戏(修改地图图素,地图整体缩放)
- cocos2d-x实例-魔塔游戏(2)-绘制简单的游戏地图并运行
- Cocos2d-x游戏实例-《跑跑跑》制作教程(第四篇)——地图卷动
- cocos2d-x游戏实例(4)-地图碰撞
- cocos2d-x 3.0游戏实例学习笔记 《跑酷》第四步--地图循环&主角添加动作
- cocos2d-x游戏实例(4)-地图碰撞
- 【麦可网】Cocos2d-X跨平台游戏开发学习笔记---第二十二课:Cocos2D-X地图系统1-8
- cocos2d-x 3.0游戏实例学习笔记《卡牌塔防》第二步---编辑器(1)--触摸添加点
- cocos2d-x 3.0游戏实例学习笔记《卡牌塔防》第五步---着手打造游戏界面
- cocos2d-x游戏实例(20)-纵版射击游戏(7)
- Cocos2D实现RPG游戏人物地图行走的跟随效果
- cocos2d-x游戏实例(20)-纵版射击游戏(7)