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

使用场景

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

编辑器地址

地图编辑器

编辑器截图

Cocos Creator 自制小工具-小游戏场景地图编辑器_第1张图片

使用详解

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

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

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

]
}

by 玉苑 2021/04/30

你可能感兴趣的:(cocos,cocos,小游戏,地图编辑器)