RPG或SLG游戏在线地图编辑器

article/2025/10/26 8:38:40

有做大型RPG或SLG游戏需求的朋友请进,有在线地图编辑器

我凭借多年的游戏开发经验,用cocoscreator2.13开发了一款web在线地图编辑器,暂且命名为EasyMapEditor,用Google浏览器打开,提供了从在线地图编辑到正式项目运行起来的完整流程,可用于RPG和SLG游戏开发。

在线地图编辑地址
https://easymapeditor-1258223435.cos.ap-guangzhou.myqcloud.com/v1.0.0/web-mobile/index.html1.3K
相关demo体验地址
https://easymapeditor-1258223435.cos.ap-guangzhou.myqcloud.com/demo1/web-mobile/index.html1.0K

地图编辑器支持菱形,方形,六边形A*寻路算法,支持在线编辑和在线运行测试,并且有项目源码下载用于正式项目开发。

备注:菱形和方形寻路是八方寻路,六边形是六方寻路。六边形每次检索周围可行走路点时只用考虑六个方向,比八方寻路少检索两次,所以六边形寻路效率是最高的。

在线地图编辑器界面如下,用户使用前最好先点击工具栏的教程看如何使用。

编辑器默认自带一张地图,并且默认六边形路点格子,用于给用户体验编辑器的使用。
用户想编辑自己的游戏地图的话,需要按以下步骤操作。

  1. 点击新建按钮打开新建面板,点击浏览按钮选择自己电脑上的一张地图底图,再选择一种路点格子类型,有菱形,方形,六边形这三种类型可选,并且可以设置路点格子尺寸,点击确定即可创建成功。

  2. 创建地图成功后,默认空的路格子是不可行走的,需要用户自己放置可行走路点,点击工具栏的“添加可行走路点”,然后在编辑区点击拖拽即可放置行走路点,其它类型的路点放置也一样做法,各类型的路点可以通过快捷键切换,如Q,W,E,R。底图太大可以打开小地图切换区域编辑。

  3. 编辑完成后用户可以点击运行按钮(或快捷键ctr + enter),在测试界面中会默认有一个角色,用户点击可行走路径任何一个位置时,角色会自动寻路到点击位置,如果角色初始位置不太好,用户可以点击角色拖拽到合适的位置,用户还可以查看寻路过程用于校验编辑的路径是否合适。

运行测试效果图如下

  1. 编辑完成后点击保存按钮,即可在用户电脑的下载路径下生成一个json格式的地图数据文件,这个就是我们的地图编辑文件。

  2. 拿到地图数据后,接下来用户在编辑器工具栏点击下载源码项目EasyMapEditorSource.zip,把该项目解压后,得到一个cocoscreator2.13项目,用大于等于cocoscreator2.13版本打开它。

把编辑地图运行到正式项目的操作流程

EasyMapEditorSource项目结果如下

  1. EasyMapEditorSource的资源目录resource下有个子目录map,map有两个子目录bg和data。
    bg目录是用来放游戏地图的,data目录是用来放编辑好的地图数据的。EasyMapEditorSource的脚本目录 
    script里的Main脚本是游戏入口程序,打开这个脚本。

  2. 打开Main脚本后,在start函数里,把变量mapName的值改成你添加进来的地图数据文件的文件名,然后点击运行游戏即可完成运行你用web在线地图编辑器编辑的RPG地图,地图里默认有个角色,点击可走路面会自动寻路行走到目标点,游戏地图的源码在脚本目录下的map目录里,用户可以自己看。

Main脚本的修改如下

游戏最终运行结果如下

RPG游戏地图的体验路径
https://easymapeditor-1258223435.cos.ap-guangzhou.myqcloud.com/demo1/web-mobile/index.html1.0K


http://chatgpt.dhexx.cn/article/wy0TPaJP.shtml

相关文章

游戏编辑器制作(10)

差不多一年左右没有更新了,今天把这段时间的工作内容记录一下,从上一篇开始,制了很多相关功能,花了很多时间研究了RTS游戏的结构部分,也研究了RVO,还有些著名的开源游戏代码。自己实现了自己的rtssim(RTS模…

从零开始入门创作游戏——Unity编辑器的使用

还没找到工作的我继续瞎折腾中,上次搭建环境就花了我3天的时间 从零开始入门创作游戏——Unity3d的环境搭建_默哀d的博客-CSDN博客 接下来是根据油土鳖的视频学习创作的一个小恐龙跳跳跳游戏,直接上手做一次学得更多 https://www.youtube.com/watch?…

[转]2d游戏开发:游戏地图编辑器

2d游戏开发:游戏地图编辑器 akinggw 金桥信息 2006-06-15 游戏地图编辑器 作者:akinggw 朋友们,大家好! 今天,我们将讲解游戏开发中一个重要的工具DD“游戏地图编辑器”。 几乎任何一款商业游戏都有自己的游戏地图编辑器&am…

Unity 编辑器(UnityEditor)

<small>前几天开始准备看源码&#xff0c;结合自己工作使用Lua&#xff0c;想看sLua框架源码&#xff0c;但是Lua确实不太熟悉&#xff0c;于是还是选择C#&#xff0c;打算看NGUI的源码&#xff08;因为工作中也有用到&#xff09;。 自己看源码经验不是很多&#xff0c;…

游戏编辑器制作(3)

最近抽时间加入了自由的地表纹理编辑和地型升、降、平滑、平整等功能&#xff0c;把编辑操作等结构优化了一下&#xff0c;各功能代码更清晰了便于接下来大量功能的开发。也加入了简单的操作界面功能。截图记录一下。

游戏编辑器制作(4)

今天加入了一个简单的Lambert光照效果。重新计算了地面的法线。另外地形编辑工具已全部实现。加入了回退&#xff0c;重做系统。截图记录一下。

游戏编辑器制作(6)

这几天因为新冠疫情原因被隔离了几天&#xff0c;在家里把地形功能基本完成了&#xff0c;实现了下陷悬崖&#xff0c;实现了高级的悬崖系统&#xff0c;也实现了浅水和深水的表现。地形这块的功能只剩下斜坡了。 截图记录一下。

Unity Editor 编辑器介绍

一、整体界面介绍&#xff1a; Project 窗口&#xff1a;列出所有的资源 Console 窗口&#xff1a;日志输出 Hierarchy 窗口&#xff1a;在Project 窗口选择一个 Scene 场景后&#xff0c;会在这个窗口显示这个构成这个场景的所有游戏对象 Inspector 窗口&#xff1a;在 Hie…

游戏编辑器制作(9)

夜阑卧听风雨&#xff0c;白日高温依旧。 何当蜀雨秋池&#xff0c;豆花白肉烧酒。 由于电力紧张&#xff0c;本周是在完全没有空调的三伏天工作的&#xff0c;温度最高达到了44度左右。基本上是赤背上阵。实现了粒子系统&#xff0c;各种显示方面的调优&#xff0c;加入了更多…

游戏编辑器制作(8)

今天在家里把阴影效果和雾效加上去了&#xff0c;还修改了一下各种操作的手感&#xff0c;现在制作地形编辑和悬崖水面等更方便了&#xff0c;一拖就可以了。下一次准备多上点资源&#xff0c;拖一个完整点的地图出来。现在快凌晨两点了&#xff0c;截图纪录一下。。。。。

游戏编辑器制作(1)

实现了地表纹理的编辑功能&#xff0c;不同大小网格的显示功能&#xff0c;截图记录一下。

游戏编辑器制作(7)

有一段时间没有更新内容了&#xff0c;最近太忙了&#xff0c;手里工作多。天气太热了&#xff0c;做得也慢&#xff0c;一天只有一两个小时开发时间。今天把模型载入&#xff0c;渲染等功能全部集成上来了。现在可以添加和编辑场景物件了。搞了些模型做测试。下一步是强化操作…

用游戏编辑器制作MOD脱颖而出

【导读】 立志成为游戏策划的你&#xff0c;和千千万万的游戏玩家的不同之处在哪&#xff1f; 是你玩过很多的游戏&#xff1f;别人也玩过 是你游戏打得比别人好&#xff1f;也许电子竞技更适合你 是你对游戏的理解比别人深&#xff0c;知道如何设计出更好玩的游戏&#xff1f…

游戏编辑器制作(5)

这几天都在搞悬崖地形系统&#xff0c;悬崖地形系统分成上两层&#xff0c;下两层。 这几天把程序框架重新设计了一下&#xff0c;可以方便实现悬崖系统了&#xff0c;悬崖地形的几何体需要动态镶嵌拼接&#xff0c;纹理坐标也要能完整地拼接到一起&#xff0c;还要能适应各种复…

游戏编辑器制作(2)

今天实现了地表纹理的圆形画刷和方形画刷以及不同画刷大小的编辑功能&#xff0c;截图记录一下&#xff01;

关于自己编写简单游戏编辑器的介绍

该编辑器编写的初衷是为了帮助游戏一些功能的开发比如新手引导&#xff0c;成就等等。现在编写的是一个框架&#xff0c;具体功能需要自行扩展。 目录 一、编辑器结构&#xff08;原始数据触发器&#xff09; 1、编辑器总体结构 2、原始数据 3、触发器数据 4、枚举数据 5、…

【图文教程】CAD 卸载工具(免费),教你卸载CAD

【图文教程】CAD 卸载工具&#xff08;免费&#xff09;&#xff0c;教你卸载CAD 很多朋友出现无法卸载CAD&#xff0c;或者卸载了CAD就无法安装、安装失败CAD的情况。 分享一个卸载工具&#xff0c;很简单&#xff0c;让你告别卸载软件烦恼。 准备工作 软件下载&#xff1a; …

CAD 卸载工具,完美彻底卸载清除干净CAD各种残留注册表和文件【转载】

一些同学安装CAD出错了&#xff0c;也有时候想重新安装CAD的时候会出现这种本电脑已安装CAD&#xff0c;你要是不留意直接安装&#xff0c;只会安装CAD的附件&#xff0c;CAD是安装不上的。这种原因呢就是大家在之前卸载CAD时没有把CAD残留信息删除&#xff0c;下面我来教大家把…

CAD 卸载工具,完美彻底卸载清除干净cad各种残留注册表和文件

CAD提示安装未完成&#xff0c;某些产品无法安装该怎样解决呢&#xff1f;&#xff0c;一些朋友在win7或者win10系统下安装CAD失败提示CAD安装未完成&#xff0c;某些产品无法安装&#xff0c;也有时候想重新安装CAD的时候会出现本电脑windows系统已安装CAD&#xff0c;你要是不…

cad卸载工具_如何卸载AutoCAD 附上清理注册表方法

AutoCAD安装过&#xff0c;清理电脑不小心删除了&#xff0c;重新安装提示已安装&#xff0c;我相信很多用AutoCAD都遇到过这种情况&#xff0c;我看网上很多方法都是教你删除注册表的Autodesk和7D2F38...&#xff0c;这种方法有些时候并不管用&#xff0c;如果电脑还装了3dmax…