【cocos3.x+tilemap】制作rpg小游戏（一）地图制作

川长思鸟来 2022-08-20 10:24 516阅读 0赞

前面做过一个小的马里奥游戏，现在来实现一个小时候玩过的类似文曲星上《英雄坛说》的小RPG游戏。  
       与横板的马里奥游戏不同，这个游戏需要实现的东西更多——包括45度斜角地图、2.5D物体遮挡、寻路算法、npc交互等，不过不需要再引入Box2d了，因为只要实现简单的物体碰撞检测就可以了。  
       现在已经实现地图载入、45度斜角交错地图坐标定位、2.5D物体遮挡，不过遮挡还有一个问题，**就是png图像透明部分还是会遮挡后面的对像，不知道没有有高人知道是什么原因？**

现在实现如下：  
![Center][]

## 一、地图素材 ##

*  45度斜角地图素材下载：  
    [David Gervais精心制作的45度角瓷砖集 ][David Gervais_45_]
 *  不过这个下载的素材背景是黑色的，又在网上找了一个png版本：  
    ![dg_iso32.png][]
 *  女主角的帧动画：[女猪脚移动图（8方向）][8]

## 二、地图制作 ##

### 1、新建地图 ###

如图：  
![这里写图片描述][20160223105046413]

*  选择交错地图，这样做出来的地图是一个大矩形，比较好处理（可惜后面在取瓦片坐标时才发现，这种地图是最难取的），之前的版本对交错地图支持有限，还需要修改引擎，我使用的3.9在使用过程中，没有碰到相关问题；
 *  编辑器支持三种地图，普通地图(直90°) 、 斜45°地图 、 斜45°交错地图。区别如下：  
    
    
     *  (1)普通地图(直90°)  
        ![这里写图片描述][20160223105133226]
     *  (2)斜45°地图  
        ![这里写图片描述][20160223105154006]
     *  (3)斜45°交错地图  
        ![这里写图片描述][20160223105213601]
 *  瓦片地图坐标系  
    瓦片地图的坐标系为：
    
     *  原点：在左上角。
     *  单位：瓦片数量。
     *  X轴正方向：从左到右。
     *  Y轴正方向：从上到下。
    
    例如：对于一个 10\*10 的瓦片地图文件的坐标系统为：(0, 0)左上角、(9, 9)右下角。  
    PS：具体坐标表示，已在上面的几幅图中标出。  
    另外，在地图编辑器中，其实也已经标出了瓦片的坐标。  
    鼠标移动到某瓦片格子上，左下角就会显示格子的坐标，以及所使用的瓦片素材的GID。

### 2、导入素材 ###

如图：  
![这里写图片描述][20160223105324836]

导入后如图：  
![这里写图片描述][Center 1]

### 3、制作地图 ###

#### 3.1 地图设计使用3层： ####

![这里写图片描述][20160223105518368]

*  第一层ground是背景层，用于放置最下面的地面；
 *  第二层objects是对象层，用于放置房屋、墙、树等；
 *  第三层blocks是阻隔碰撞层，用于判断是否可穿越；
 *  npc等交互对象暂时还没有做，后续加入；

#### 3.2 画地图 ####

*  第一层  
    ![这里写图片描述][Center 2]
 *  第二层  
    ![这里写图片描述][Center 3]
 *  第三层  
    ![这里写图片描述][Center 4]
 *  最后组合起来如图  
    ![这里写图片描述][20160223105728900]

这样地图已经准备完毕，可以在程序中使用了。

参考：  
[Cocos2d-x 3.x基础学习：瓦片地图TiledMap][Cocos2d-x 3.x_TiledMap]

[Center]: /images/20220731/68ca37da9f4a4b7cadbb386487cba188.png
[David Gervais_45_]: http://pousse.rapiere.free.fr/tome/index.htm
[dg_iso32.png]: https://raw.githubusercontent.com/coupgar/Learn-iPhone-and-iPad-cocos2d-Game-Development/master/CH11_code/Tilemap09/Resources/David%20Gervais%20Tilesets/dg_iso32.png
[8]: http://www.then9.com/forum.php?mod=viewthread&tid=21182&highlight=%B7%BD%CF%F2
[20160223105046413]: /images/20220731/f2fe41b9d04247b1aca2f37c6e2f0b03.png
[20160223105133226]: /images/20220731/d2a3c8a074824cc0b626912e373c9a52.png
[20160223105154006]: /images/20220731/fb713b4616634e1880f9ec538baac595.png
[20160223105213601]: /images/20220731/ff8fe69985fa42bca954857a47a883ee.png
[20160223105324836]: /images/20220731/8c67845e28dd464da8be32cced3616c6.png
[Center 1]: /images/20220731/18236900be2b43568b00755ccd7b6677.png
[20160223105518368]: /images/20220731/15c4fa50b134452ba9538a4022204ec7.png
[Center 2]: /images/20220731/a8aa89805e8642cbbffbaa0c234c2f2b.png
[Center 3]: /images/20220731/b19c10f04051412e89de07227fd02377.png
[Center 4]: /images/20220731/be691a18a016442da3b808660a00b308.png
[20160223105728900]: /images/20220731/2695b5b3a6394a6d96038106697a7c66.png
[Cocos2d-x 3.x_TiledMap]: http://www.taikr.com/article/1924