Cocos Creator 自制小工具-小游戏场景地图编辑器

使用场景

在cocos中如果不使用TiledMap的话，策划同学单纯的使用预制体在creator编辑器摆出游戏场景的话效率太低了。所以提供一种外置编辑器编辑好地图导出地图文件，然后在游戏中读取使用的解决方案。

编辑器地址

地图编辑器

编辑器截图

使用详解

编辑栏
[拖动] ：点击编辑栏拖动即可拖动编辑栏中显示的地图
[放大缩小视图] ：在编辑栏滑动鼠标的滚轮即可对当前地图进行放大缩小（移动设备使用两个手指的滑动来控制地图放大缩小）
[点击编辑地图] ：点击地图中相应排列数的节点，则代表使用当前选定建筑物类型进行编辑该地图节点

功能栏
[地图大小排数、列数] ：使用数值在5-20内的排列数来限制地图的大小，输入编辑完毕后如果数值改变则自动刷新当前地图
[加载已保存地图] ：选择本地已保存的地图json文件，如果文件不存在异常则自动刷新当前地图为保存的地图数据
[保存当前编辑地图] ：将当前已编辑的地图保存到本地
[选择当前编辑建筑类型] ：点击相应的地图建筑物类型，作为编辑栏中地图地图节点的建筑物类型使用依据
[替换地图建筑贴图] ：建筑物类型后面的“+”号，选择本地的图片类替换建筑物类型贴图，用于预览地图编辑效果
[恢复视图] ：恢复地图显示位置和大小到初始状态
[清空已编辑地图] ：将编辑栏中已编辑的地图数据全部清空

导出Json格式
{
“row”:10,------------------------地图排数
“line”:10,------------------------地图列数
“data”:[--------------------------地图中建筑物
{
“row”:0,-------------------------地图中建筑物坐标排数
“line”:0,-------------------------地图中建筑物坐标列数
“type”:0-------------------------地图中建筑物类型
},
…
]
}

by 玉苑 2021/04/30