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

前端之家收集整理的这篇文章主要介绍了【cocos3.x+tilemap】制作rpg小游戏(一)地图制作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

现在实现如下:

一、地图素材

二、地图制作

1、新建地图

如图:

  • 选择交错地图,这样做出来的地图是一个大矩形,比较好处理(可惜后面在取瓦片坐标时才发现,这种地图是最难取的),之前的版本对交错地图支持有限,还需要修改引擎,我使用的3.9在使用过程中,没有碰到相关问题;
  • 编辑器支持三种地图,普通地图(直90°) 、 斜45°地图 、 斜45°交错地图。区别如下:
    • (1)普通地图(直90°)
    • (2)斜45°地图
    • (3)斜45°交错地图
  • 瓦片地图坐标系
    瓦片地图的坐标系为:

    • 原点:在左上角。
    • 单位:瓦片数量
    • X轴正方向:从左到右。
    • Y轴正方向:从上到下。

    例如:对于一个 10*10 的瓦片地图文件的坐标系统为:(0,0)左上角、(9,9)右下角。
    PS:具体坐标表示,已在上面的几幅图中标出。
    另外,在地图编辑器中,其实也已经标出了瓦片的坐标。
    鼠标移动到某瓦片格子上,左下角就会显示格子的坐标,以及所使用的瓦片素材的GID。

2、导入素材

如图:

导入后如图:

3、制作地图

3.1 地图设计使用3层:

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

3.2 画地图

  • 第一层
  • 第二层
  • 第三层
  • 最后组合起来如图

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

参考:
Cocos2d-x 3.x基础学习:瓦片地图TiledMap

猜你在找的Cocos2d-x相关文章