45度地图遮挡问题解决方案(cocos2d-x)

最近一直在做45度斜视角游戏，也就是isometric等容地图，俗称2.5D。地图上物体的前后遮挡是我遇到的第一个问题，总结一下处理方法。

遮挡问题（不知道术语），就是比如一个角色站在树后面，那么树要遮挡住角色的一部分，我是用实时修改zorder实现的。

1. 制作地图

用Tiled制作45度地图时，物体如何放在地图上有2种方法：

1.1 标记法：在地图对象层上标记出对象，并且指定该对象的类型。游戏加载地图时，遍历所有的对象，根据其类型，生成不同的精灵：主角、NPC、城墙、建筑等。生成的时候把zorder设置成该精灵所在的瓦块坐标的x分量和y分量之和。比如城墙在(10,20)这个瓦块上，那么其zorder就是10+20=30。

1.2 分层法：直接把物体画在layer上。思路是地图分为多层。假如地图x方向有m格，y方向有n格，那么地图要分成m+n-1层（正对屏幕，距离眼睛最近的一排瓦块是第m+n-1层，最远的时第1层）。这么分的原因是，每层的zorder都不同，第n层的zorder是n，所以就实现了离眼睛近的物体遮挡离眼睛远的物体。这个方法非常麻烦，不过能解决问题。把所有物体都放在同一层上，然后加载时特殊处理，肯定也能解决，以后再研究。

2. 角色移动

角色移动的时候，要在setPosition的同时修改zorder，示例代码如下：

virtual setPosition(const CCPoint& pos) {// 调用基类的setPosition
    CCSprite::setPosition(pos);// 计算当前位置的瓦块坐标_tilePos = _map->realPosToTilePos(getPosition());// 计算新的zorderint tileZorder = tilePos.x + tilePos.y;// 修改zorder
    setZOrder(tileZorder);
}

这样，角色移动的时候，就能在不同的物体间相互遮挡了。

3. 大型建筑

采用标记法时，如果放置的物体是城墙，刚好占一个瓦块，则很容易处理。如果放置的物体是建筑，要占多个瓦块时，需要特殊处理：

3.1 我们在Tiled中标记出建筑的位置是(x,y)，在代码中生成建筑时，其纹理（菱形）的顶点位置就在(x,y)，这个是框架自己处理的。

3.2 根据建筑图片的宽，计算出该建筑占几个瓦块，要在导航图把这些瓦块都标记成“障碍”，否则自动寻路时会穿过建筑。

3.3 假如建筑的占的瓦块数是m*m，那么建筑的zorder是x+m/2+y+m/2，即建筑中心瓦块的zorder。

这样角色在建筑附近走动时就可以自然遮挡了。

4. 角色被挡住时显示透明轮廓

当角色走到障碍后面时，会被遮盖掉一部分甚至全部，这样不利于玩家识别角色。我想了一个浪费资源但是简单的方法：

即每个角色都有一个轮廓精灵，这个精灵和角色的大小相同、纹理相同、位置也相同。不同的是轮廓精灵是透明的而且zorder最高。所以当角色没有被遮盖时，轮廓精灵被角色覆盖，是看不见的，当角色被遮盖时，因为轮廓精灵的zorder最高，所以就能显示出一个透明的角色。

这个方法确实浪费资源，本来70M+的内存编程80M+，而且如果角色使用了骨骼动画可能就不行了。肯定有更好的方法，以后再研究。

转载于:https://www.cnblogs.com/gamteq/p/3534458.html

45度地图遮挡问题解决方案(cocos2d-x)相关推荐

45度地图之整体旋转
假设有如下一幅地图(左边为数组地图,右边为对应的位图地图),这幅地图对应的是一个一维数组int map[16],且我们知道总共有4行,4列,对于数组中的元素我们可以通过下面的公式求出它所在的行列, 第 ...
编写简易斜45度地图编辑器
最近在研究cocos2dx的地图,最开始使用的是Tiled,这个编辑器做比较小的地图还是比较强大的,不过做大地图的时候,有一些功能不太方便并且有缺陷(包括刷图繁琐以及坐标体系过于复杂,导致寻路比较看起 ...
COCOS2D-X中45度地图通过位置获得对应行列数中的三角变换理解
晚上看COCOS2d-X的瓦片地图集这块,发现有2种地图,普通的和45度视角的.普通的通过位置获取所在行列数比较简单,大概就是具体的位置除以图素的宽高,而45度脚的方法则能够实现2.5D的效果,理解起 ...
让Tiled成为一个强有力的45度菱形Staggered打点器(地图编辑器)
让Tiled成为一个强有力的45度菱形Staggered打点器(地图编辑器) 分类: cocos2dx2013-08-05 23:09 1601人阅读评论(1) 收藏举报 Tiled的确强大,处理 ...
45度斜角地图菱形坐标转换
!!! 此文章内容为转载,没有真实实践,只给需要的朋友提供思路,具体详细算法需要自己根据项目需求变动 !!! 我们要做一个45度游戏地图中,那么如何判断鼠标点中了哪一个碎片呢??如图: 也许你想到 ...
cocos2dx使用TiledMap模拟3D地图场景----斜45度2D地图的靠墙直线移动
基于cocos2dx引擎的第三人称射击游戏,角色使用3D模型,地图采用2.5D. 定制地图编辑系统抛开不谈,这里最大可能的挖掘现有工具TiledMap的潜力,完成超2.5D地图的实现. 使用2D ...
Tiled实现斜45度瓦片地图
首先是我最近在做的一个项目的需求,要做一个斜45度角的大地图,里面有很多的建筑,会有人在里面走来走去.一个手指按住滑动可以拖动地图,两个手指按下可以调整地图的放大和缩小. 1.tiled新建地图,加入 ...
斜45度瓦片地图（Staggered Tiled Map）里的简单数学
瓦片地图(Tiled Map)系列文章: 斜45度瓦片地图(Staggered Tiled Map)里的简单数学瓦片地图注意事项前段时间在做游戏的地图编辑功能,我们是在一个斜45度视角的场景上,对 ...
Cocos Creator 3.2 中实现2D地图3D人物45度角RPG游戏效果笔记（摄像机设置方案）
2D地图摄像机创建一个平面几何体(plane.mesh),设置地图纹理材质创建一个正交摄像机,视口朝向地图俯视设置地图Layer类型为map,设置摄像机Visibility为只可见map 编辑器 ...

45度地图遮挡问题解决方案(cocos2d-x)

45度地图遮挡问题解决方案(cocos2d-x)相关推荐

最新文章

热门文章