【转载】RPG或SLG游戏在线地图编辑器
原文：https://forum.cocos.org/t/topic/90542
我凭借多年的游戏开发经验，用cocoscreator2.13开发了一款web在线地图编辑器，暂且命名为EasyMapEditor，用Google浏览器打开，提供了从在线地图编辑到正式项目运行起来的完整流程，可用于RPG和SLG游戏开发。
在线地图编辑地址
https://easymapeditor-1258223435.cos.ap-guangzhou.myqcloud.com/v1.0.0/web-mobile/index.html 2.4K
相关demo体验地址
https://easymapeditor-1258223435.cos.ap-guangzhou.myqcloud.com/demo1/web-mobile/index.html 1.7K
地图编辑器支持菱形，方形，六边形A*寻路算法，支持在线编辑和在线运行测试，并且有项目源码下载用于正式项目开发。
备注：菱形和方形寻路是八方寻路，六边形是六方寻路。六边形每次检索周围可行走路点时只用考虑六个方向，比八方寻路少检索两次，所以六边形寻路效率是最高的。
在线地图编辑器界面如下，用户使用前最好先点击工具栏的教程看如何使用。
QQ图片20200324234551.png
1204×678 1.32 MB
编辑器默认自带一张地图，并且默认六边形路点格子，用于给用户体验编辑器的使用。
用户想编辑自己的游戏地图的话，需要按以下步骤操作。
点击新建按钮打开新建面板，点击浏览按钮选择自己电脑上的一张地图底图，再选择一种路点格子类型，有菱形，方形，六边形这三种类型可选，并且可以设置路点格子尺寸，点击确定即可创建成功。
创建地图成功后，默认空的路格子是不可行走的，需要用户自己放置可行走路点，点击工具栏的“添加可行走路点”，然后在编辑区点击拖拽即可放置行走路点，其它类型的路点放置也一样做法，各类型的路点可以通过快捷键切换，如Q,W,E,R。底图太大可以打开小地图切换区域编辑。
编辑完成后用户可以点击运行按钮（或快捷键ctr + enter），在测试界面中会默认有一个角色，用户点击可行走路径任何一个位置时，角色会自动寻路到点击位置，如果角色初始位置不太好，用户可以点击角色拖拽到合适的位置，用户还可以查看寻路过程用于校验编辑的路径是否合适。
运行测试效果图如下
QQ图片20200325003101.png
1202×673 1.34 MB
编辑完成后点击保存按钮，即可在用户电脑的下载路径下生成一个json格式的地图数据文件，这个就是我们的地图编辑文件。
拿到地图数据后，接下来用户在编辑器工具栏点击下载源码项目EasyMapEditorSource.zip，把该项目解压后，得到一个cocoscreator2.13项目，用大于等于cocoscreator2.13版本打开它。
把编辑地图运行到正式项目的操作流程
QQ图片20200325133847.png
1218×752 1.33 MB
EasyMapEditorSource项目结果如下
QQ图片20200325005124.png
803×780 51.1 KB
EasyMapEditorSource的资源目录resource下有个子目录map，map有两个子目录bg和data。
bg目录是用来放游戏地图的，data目录是用来放编辑好的地图数据的。EasyMapEditorSource的脚本目录
script里的Main脚本是游戏入口程序，打开这个脚本。
打开Main脚本后，在start函数里，把变量mapName的值改成你添加进来的地图数据文件的文件名，然后点击运行游戏即可完成运行你用web在线地图编辑器编辑的RPG地图，地图里默认有个角色，点击可走路面会自动寻路行走到目标点，游戏地图的源码在脚本目录下的map目录里，用户可以自己看。
Main脚本的修改如下
QQ图片20200325010213.png
1238×747 35.9 KB
游戏最终运行结果如下
QQ图片20200325010756.png
1002×625 1.09 MB
RPG游戏地图的体验路径
https://easymapeditor-1258223435.cos.ap-guangzhou.myqcloud.com/demo1/web-mobile/index.html 1.7K
如有需要帮忙，请联系QQ：583051842
【转载】RPG或SLG游戏在线地图编辑器相关推荐
- SLG游戏中大地图实现使用四叉树技术
SLG游戏中大地图实现使用四叉树技术 四叉树是一种数据结构 每个节点最多有四个子树的数据结构 适用于二维图片的像素定位 SLG游戏地图中有动态的资源也有静态的资源 动态资源如玩家 敌人 静态资源有房屋 ...
- 【022】Pixel Map –在线地图编辑器
Pixel Map是一款收录地图非常齐全的在线地图编辑器,支持对地图做填涂.标点.连线.添加文字等操作.目前支持导出为SVG.HTML和PNG格式. 地址:参见文末图 打开Pixel Map默认展示世 ...
- D3D游戏编程系列（二）：自己动手编写即时战略游戏之地图编辑器的制作
说起即时战略游戏,我第一时间想起魔兽争霸,这个不知道陪伴我多少个日日夜夜,让我哭让我笑的游戏,让我想起了sky,moon,grubby等人牵动心弦的战斗历程,让我想起了当年日日守在电脑前专注的欣赏着w ...
- 《BitUp》：像素风格游戏及地图编辑器的开发历程
本文将由<BitUp>的开发团队介绍这款游戏在Unity中的制作过程,包括关卡设计和自定义地图编辑器的开发历程. 来自墨西哥的Cosmogonia是一个由5名成员组成的小型独立游戏团队,2 ...
- Unity2017新功能Tilemap地图编辑器的数据拓展和动态生成
在我来4399之前的上一家公司,我做了一个2D的对战游戏,地图编辑器的做法是用格子图片的预设一个个拼接成一张地图,每个格子上可以设置该格子的数据,比如图片名字,tile坐标,是否可通过,是否可销毁,是 ...
- Android游戏开发之地图编辑器的使用以及绘制地图 （四）
雨松MOMO带你走进游戏开发的世界之地图编辑器的使用以及绘制地图 雨松MOMO原创文章如转载,请注明:转载至我的独立域名博客雨松MOMO程序研究院,原文地址:http://www.xuanyusong ...
- 【日常点滴016】python游戏库arcade结合Tiled map editor地图编辑器和Pymunk物理引擎制作游戏过程记录，并最终打包为exe文件
独此一家,建议收藏 前言 一.创建一个空白窗口 step001.py代码示例 二.创建很多全局能用的常量 step002.py代码示例 三.创建实例变量即代表各种精灵等的变量 step003.py代码 ...
- 2D 游戏工具系列：unity自带Tilemap和地图编辑器Tiled的基本使用以及Super Tiled2Unity如何导入tmx到Unity中（2）
这次我们来使用Tilde地图编辑器制作一张地图,然后对一些经常用到的部分,我会尽量讲详细一些,方便大家理解,首先是这款软件的下载地址:https://www.mapeditor.org/,以及地图编辑 ...
- 魔兽地图编辑器插件YDWE的使用与基本设置8 游戏平衡常数
魔兽地图编辑器插件YDWE的使用与基本设置8 游戏平衡常数 1.打开游戏平衡常数 2.修改你需要的数值
- [转载]JavaFX制作地图编辑器
作者原文 "JavaFX将Node导出为图片": https://blog.csdn.net/wingfourever/article/details/38340781 这是原作者 ...
最新文章
- 通信行业还是一个靠人际的行业
- HJ14 字符串排序
- linux下MyEclipse 安装
- python任务栏通知区域_python+pyqt实现右下角弹出框
- 5G NR CSI-RS
- 跟一个大佬前辈交流了一下
- C++ char/byte 转16进制字符串
- 单片机课程设计：基于STM32智能交通灯的设计
- mysql动力节点老杜_【动力节点】高清MySQL视频教程
- idea运行web项目光标乱跳
- Arduino UNO+OLED可视化音乐频谱：32段分频0.96寸OLED显示细条频谱线
- css制作三角形、带三角文本框、价格三角框
- 故宫博物馆爬虫(简略版)
- oneos组件系列02：ws2812全彩LED
- consplan r语言_模拟退火算法实现：求解中国31个城市TSP问题
- 事件监听 ActionListener
- 前缀、中缀、后缀表达式
- 化妆品标签宣称禁用词、风险词汇总
- Hyperledger Fabric2.3 环境搭建及Fabric 测试网络使用
- 高数基础篇对应660习题（武忠祥）