企业官网建设流程全解析

Tiled 地形刷实战：30 分钟让 40×30 地图的过渡瓦片自动铺满

【免费下载链接】tiledFlexible level editor项目地址: https://gitcode.com/gh_mirrors/ti/tiled

做 2D 关卡的开发者，Tiled 替你把"手挑过渡砖"这活接走了。40×30 的地图有 1200 格，如果每一堵墙的地面边缘和转角都手动选瓦片，光一条墙就够你耗半小时；地形刷则记住你正在铺哪种地形，落笔时自动补上边和角的过渡瓦片。这篇文章从空白窗口出发：标记 4 种地形、一笔画完整张地图，导出一个引擎能直接读的 TMX 文件。

新建到导出的 5 步操作：搭一张 40×30 沙漠瓦片图

1. File → New Map→ Tile Width/Height 填 32×32、Width/Height 填 40×30、orientation 选Orthogonal→ 左侧出现新地图标签页，带 1200 格的网格和默认 Tile Layer。
2. File → New Tileset→ 选一张瓦片集图片，tile size 填 32×32、Spacing填 1 → 新标签页里图片被切成 32×32 网格，成为可选瓦片集。
3. 回到地图右键 →Add Tileset→ 选中刚建的瓦片集 → 右侧 Tilesets 面板出现网格预览，可直接取色。
4. 选中一块地面砖，切到Stamp工具 → 左键落子、右键擦除，刷子会自动记住最近用过的瓦片。
5. File → Export→ 选.tmx并填文件名 → 生成一个引擎能直接解析的地图文件，层、瓦片索引、对象、属性都在里面。

它不是画图工具：Tiled 产出的是数据文件，不是图片

Tiled 写出来的不是像素，而是有结构的地图数据。TMX 是 XML 格式，地图本质是一张"瓦片索引表"：每格只存瓦片的 GID 编号，层的显隐、对象坐标、自定义属性各是一个独立节点。瓦片集则是单独的 .tsx 文件，记录 tile size、spacing 和图片路径——examples/desert.tsx 就是完整例子，48 个瓦片引用一张 265×199 的图片。

由此有两条推论：

• 换瓦片集图片不影响地图。格子里都是数字，随时可以换成重画的一套美术资源，关卡结构不变。
• 反过来，像素级编辑不是 Tiled 的活。它是拼装瓦片、标注对象的生产线，不负责画瓦片本身。

地形刷深挖：输入 4 种地形，输出自动过渡的边和角

输入是一套含"地面 + 2~3 种需要过渡的地形"的瓦片集。操作分三步：

1. 打开Terrain Sets面板 →New Terrain→ 命名为 Desert。
2. 在瓦片集标签页右键某块地面砖 →Mark Terrain Tile标记为 Desert 的基础瓦片；再对 Cobblestone 等地形的边缘瓦片、转角瓦片逐一标记。标记转角瓦片时 Tiled 按瓦片朝向记录，方向不对就旋转着标。
3. 在 Terrain Sets 面板选中 Desert，切到Terrain工具 → 在地图上画地面。

输出是：你画地面时，地块边缘自动换成正确的边砖；一路画到拐角，转角砖自己就位；擦掉某块内部砖，过渡会实时重算。地形数据挂在瓦片上随地图存储，解析逻辑集中在 src/libtiled/wangset.cpp（Wang 瓦片是它的进阶形态，按颜色组合而不是单一类型匹配）。

画一段 Cobblestone 路径，边缘立刻自动套上过渡砖：

一条 20 格长的墙，手动挑过渡约 5 分钟，地形刷一笔 10 秒；瓦片集过渡种类越多，差距越大。官方文档 docs/manual/terrain.rst 里有完整的标记规则和概率瓦片说明。

一小时边陲地图：20 分钟标地形 + 30 分钟画地图 + 10 分钟对象与导出

假设你是做 32×32 边陲地图的独立开发者，时间拆成这样：

• 20 分钟：在瓦片集上标记 Desert、Cobblestone、Pavement、Dirt 四种地形，每种 1 块基础砖 + 边砖 + 角砖。
• 30 分钟：用地形刷铺满 40×30 地图——沙漠打底，中间一条石板路，入口画一块铺装广场。
• 10 分钟：加一个 Object Layer，用矩形工具放 3 个出生点和 1 个出口，File → Export输出 .tmx。

产出是一张过渡完整、带标注对象的 .tmx 和 1 个 .tsx。仓库里 examples/sewer_automap/ 有 9 套规则文件，可以打开对照，看过渡铺设和自动映射规则是怎么配合的。

坑与边界：4 个常见问题和什么时候别用它

• 地图重开没有过渡→ 地形标记存在瓦片集（.tsx）里，瓦片集被替换或路径丢失时标记一起消失 → 瓦片集、图片与地图放同一目录，统一用相对路径。
• 过渡砖错位、缺砖→ .tsx 记录的 tile size、spacing 与图片实际尺寸对不上 → 打开瓦片集属性核对 tile width/height 和 spacing 两个字段。
• 某段墙不触发自动过渡→ 这段是用 Stamp 画的，格子没带地形数据，地形刷不认 → 用 Terrain 工具把该区域重描一遍。
• 什么时候别用它→ 想逐像素重画每张精灵图时别在 Tiled 里硬画，它的定位是拼装瓦片而非像素创作。原画交给 Aseprite，PNG 画完再拿回来切瓦片 ⛏

【免费下载链接】tiledFlexible level editor项目地址: https://gitcode.com/gh_mirrors/ti/tiled