Cocos Creator 自制小工具-小游戏场景地图编辑器
使用場景
在cocos中如果不使用TiledMap的話,策劃同學單純的使用預制體在creator編輯器擺出游戲場景的話效率太低了。所以提供一種外置編輯器編輯好地圖導出地圖文件,然后在游戲中讀取使用的解決方案。
編輯器地址
地圖編輯器
編輯器截圖
使用詳解
編輯欄
[拖動] :點擊編輯欄拖動即可拖動編輯欄中顯示的地圖
[放大縮小視圖] :在編輯欄滑動鼠標的滾輪即可對當前地圖進行放大縮小(移動設備使用兩個手指的滑動來控制地圖放大縮小)
[點擊編輯地圖] :點擊地圖中相應排列數的節點,則代表使用當前選定建筑物類型進行編輯該地圖節點
功能欄
[地圖大小排數、列數] :使用數值在5-20內的排列數來限制地圖的大小,輸入編輯完畢后如果數值改變則自動刷新當前地圖
[加載已保存地圖] :選擇本地已保存的地圖json文件,如果文件不存在異常則自動刷新當前地圖為保存的地圖數據
[保存當前編輯地圖] :將當前已編輯的地圖保存到本地
[選擇當前編輯建筑類型] :點擊相應的地圖建筑物類型,作為編輯欄中地圖地圖節點的建筑物類型使用依據
[替換地圖建筑貼圖] :建筑物類型后面的“+”號,選擇本地的圖片類替換建筑物類型貼圖,用于預覽地圖編輯效果
[恢復視圖] :恢復地圖顯示位置和大小到初始狀態
[清空已編輯地圖] :將編輯欄中已編輯的地圖數據全部清空
導出Json格式
{
“row”:10,------------------------地圖排數
“line”:10,------------------------地圖列數
“data”:[--------------------------地圖中建筑物
{
“row”:0,-------------------------地圖中建筑物坐標排數
“line”:0,-------------------------地圖中建筑物坐標列數
“type”:0-------------------------地圖中建筑物類型
},
…
]
}
by 玉苑 2021/04/30
總結
以上是生活随笔為你收集整理的Cocos Creator 自制小工具-小游戏场景地图编辑器的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 几款开源富文本编辑器优缺点比较
- 下一篇: h5学习笔记:ant design 弹窗