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/)