无需登录 数据私有 本地保存

2D 瓦片地图编辑器 - 绘制关卡并导出 JSON/CSV

开发工具 游戏开发 2D 游戏 瓦片地图 编辑器
35
0
0
0
瓦片编辑器
x:0 y:0
图层: 编辑: 地面层
尺寸: ×
缩放:
⬜空地
🌿草地
🧱墙壁
💧水域
🪵木板
🏖️沙地
🌲树木
🪨岩石
🔥岩浆
❄️冰雪

常见问题与知识点

什么是2D瓦片地图？它有什么用途？
2D瓦片地图（Tile Map）是将游戏关卡或场景分解为固定大小的网格，每个格子（瓦片）代表一种地形或物体。它广泛用于像素游戏、RPG、平台游戏、迷宫生成、关卡设计等场景。通过瓦片ID矩阵，可以高效存储和渲染大型地图。
如何导出地图数据？JSON和CSV格式有什么区别？
点击底部"导出JSON"可导出包含完整元数据（地图尺寸、图层数据、瓦片信息）的JSON文件，适合程序化加载和跨平台使用。CSV导出纯数字矩阵，可直接导入Excel或用作游戏引擎的简易数据源。JSON保留图层结构，CSV导出当前编辑图层。
图层系统如何工作？地面层和物体层有什么区别？
本编辑器支持双图层：地面层（图层0）用于铺设草地、水域、沙地等基础地形；物体层（图层1）用于放置树木、岩石、墙壁等覆盖物。渲染时物体层优先显示（非空瓦片会覆盖地面层）。使用橡皮擦在物体层擦除后，会透出地面层的内容。
支持哪些绘制工具？如何使用？
工具栏提供画笔（单击或拖拽绘制瓦片）、橡皮擦（清除瓦片为空地）、填充桶（区域洪水填充，点击封闭区域批量替换）、吸管（取样地图上现有瓦片）。快捷键：B-画笔、E-橡皮、G-填充、I-吸管、Ctrl+Z-撤销、Ctrl+Y-重做、数字键1-9快速选瓦片。
导出的JSON数据结构是什么样的？
JSON结构包含：width（地图宽度）、height（地图高度）、tileSize（瓦片像素尺寸）、layers数组（每个图层含name和data二维数组）、tileset（瓦片类型定义）。data中数字0-9对应不同瓦片类型，可直接解析用于游戏引擎或渲染器。
如何调整地图尺寸？调整后数据会丢失吗？
在工具栏输入新的宽度和高度后点击"应用"。缩小地图会裁剪边缘数据（请提前导出备份），扩大会用空地（ID 0）填充新增区域。建议在开始编辑前先设定好地图尺寸，避免数据损失。
编辑器支持移动端使用吗？
是的，编辑器完全响应式。在手机和平板上，工具栏会自动缩小，瓦片面板可水平滚动，地图网格自适应缩放。支持触摸拖拽绘制，在移动端也能流畅编辑关卡地图。
🔧 相关工具