Project1

标题: 宅喵RPG游戏地图编辑器 [打印本页]

作者: Blue_sdo    时间: 2024-1-11 04:02
标题: 宅喵RPG游戏地图编辑器
本帖最后由 Blue_sdo 于 2024-2-25 10:15 编辑
itch.io地址:https://blue-sdo.itch.io/icat-map-editor
编辑器网址:https://www.o-o.space/#!/gameEditor


唔...群里常驻聊天的小伙伴可能知道
我在开发喵宅苑的RPG广场的过程中
附带做了一个地图编辑器




介个样子滴(如上图)
没错你看到的是手机的界面

因为本人灰常灰常懒,希望躺在床上也能画地图,所以我尽可能做了手机的最大兼容性来保证手机上可以正常绘制

因为它是一个网页,理论上可以跨端,所以你用平板画也没问题!

当然,最重要的电脑版本的浏览器,自然也没有问题。

【开发动机】
为什么会做一个这样的东西呢?主要是我能找到的现有的地图编辑器实在是用地超级不顺手....感觉画一张图我要倒腾好久好久,然后喵宅苑的设计上,我希望我画完图就能马上服务器就对接写数据库,前台就能生效,不需要切图,不需要手动上传之类花里胡哨的的操作....甚至事件也能生效...
不过喵宅苑的事件系统这里不赘述,和绘图功能关系不大。
【特色功能】
素材纸张格式尺寸不限制(但是图块尺寸限制为32,可以改,但是我目前没做修改的菜单,以后会加)
你可以把一大堆素材合成一张超级大的图导入使用

拖拽,编组和无限图层

这是我最需要的功能,我希望画上去的东西可以随意拖拽,可以很方便调整上下层关系,同时可以编组,每个组互不干扰。
这个功能是基本复制flash软件的编组功能。
基本上,有这个功能,你就不太需要使用图层面板即可完成绝大部分的操作

自动图块绘制,这个功能也是超重要的

实现全兼容了rm vx ace系列的自动图块4*4小格,素材导入就能直接用
同时还实现了3*3大格的通用图块绘制,你在绘制素材里的山地,栅栏,等类似规格的素材会特别方便

>>>说明
点击素材里的角块和边块,再点击图示对应的位置,即可选定对应的素材


全触控支持。这里简要介绍一下触控方式:

双指可以缩放或者移动画布
电脑端用alt+鼠标滚轮缩放

鼠标滚轮中键移动画布

单指选定或绘制
双击进入组

右键或触摸长按打开菜单

常用快捷键支持 包括复制粘贴撤销
鼠标a 绘图p等

【存在的问题】
啊这个 功能是挺丰富的对吧
但是bug呢 也贼多
虽然我修了绝大部分
但是还有好多小问题

【重要的问题】
受限于html,我的糟糕的算法水平和性能优化水平
元素太多会很卡,甚至会崩溃,请务必不要绘制超级大的地图,画个小房间大小还行。或者准备一个超大号的地面图块,来减少地面图块的数量。

【导入和存储】
json格式,但是本机图片url可能要替换。因为我自己用的是服务器的图库,所以我觉得这个功能会有bug,我回头看看,毕竟你们的素材有版权问题,不可以上传。

【导出图片】
我仔细考虑了一下,为了给喵宅苑服务器挣点经费,原谅我收个费。你需要花6.6元/月,购买一下设计师的身份。不过如果你觉得截图拼一下也能用,那你随意~

【下载地址】
我暂时腾不出时间来分离工程。再加上要不停地修bug,如果搞了好几套代码同时维护我要裂开了

所以还是来网页吧,以后有机会再弄软件和app
如果你用手机浏览器,请确保你的浏览器不会有手势冲突
否则请等我更新app

网页地址:https://www.o-o.zone
戳开首页的设计器,注意需要注册喵宅苑账号

【相关视频】
【试图用手机画rpg游戏地图-哔哩哔哩】 https://b23.tv/fF7PIC6
【尝试用手机画rpg游戏地图2-哔哩哔哩】 https://b23.tv/5h55Gi7
【我用JavaScript/coffee开发的RPG游戏地图编辑器【开源至Github】-哔哩哔哩】 https://b23.tv/TwCMmHH

【问号的问号】
怎么有一个开源版本?
啊介个,之前有搞一份,后面还是那个原因,同时维护两份比较头大,就没管了....

这篇帖子也是手机写的,排版有点乱,别介意哈...
另 贴个群796948837



作者: 马铃薯条    时间: 2024-1-12 13:32
群号是空的?
作者: Blue_sdo    时间: 2024-1-12 14:45
马铃薯条 发表于 2024-1-12 13:32
群号是空的?

嗨它默认是不能搜索的 _(:з」∠)_
我去改




欢迎光临 Project1 (https://rpg.blue/) Powered by Discuz! X3.1