Tiled地图编辑器终极上手指南：免费开源，30分钟从零画出第一张完整游戏地图

Tiled地图编辑器终极上手指南：免费开源，30分钟从零画出第一张完整游戏地图

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

做2D游戏的朋友应该都有过这种体验：功能逻辑写得飞快，一提到地图就头疼。要么在代码里用二维数组硬铺瓦片，改一堵墙要翻半天；要么到处找工具，折腾一晚上画出来的东西还是歪歪扭扭。其实市面上早有一个免费开源、跨平台、被大量游戏引擎和独立工作室验证过的成熟方案——Tiled地图编辑器。这篇文章会带你从新建一张地图开始，完整走一遍"导入瓦片集—绘制—动画—导出"的流程，看完你就能亲手做出第一张真正能用的游戏地图。

先搞懂一件事：Tiled到底是干嘛的？

一句话概括：Tiled 是一款专注 2D 游戏地图与关卡制作的免费开源编辑器。它把"地图"拆解成三块你完全能理解的积木——瓦片（Tile）、图层（Layer）和对象（Object）。瓦片是最小的一块图，比如一块草地、一块砖；图层是叠在一起的透明画布，用来分层管理背景、前景和碰撞区域；对象则是宝箱、NPC、出生点这类带逻辑意义的元素。

它适合谁？独立游戏开发者、游戏策划、像素画爱好者，甚至只是想画桌游地图的人。全程不用写一行代码，画出来的结果却能直接被 Godot、Unity、LÖVE 等引擎读取——因为它保存的 TMX 地图格式，早已是 2D 游戏行业的"普通话"。Steam 上不少口碑优秀的 2D 作品，地图都是它画出来的。

第一张地图怎么画？三步走完整个流程

别急着研究花哨功能，我们先完成一个最小闭环：新建地图 → 导入瓦片集 → 开画。整个过程大概一首歌的时间。

第1步：新建地图，只需要回答三个问题

打开 Tiled 后点 "New Map"，对话框里真正需要你拍板的就三个选项：

• 地图方向：新手无脑选"正交（Orthogonal）"，也就是我们熟悉的方块网格。等距（Isometric）、六边形（Hexagonal）是给特定视角游戏准备的，以后用到再切。
• 地图尺寸：先按 10×10 瓦片起步，别贪大，我们的目标是先跑通流程。
• 瓦片大小：多数免费素材都是 16×16 或 32×32，跟着素材走就行。

这就好比在 Excel 里新建一张表：先定行列和格子大小，心里有个底，后面随时能改。

第2步：导入瓦片集，让素材自动"切块"

地图还是空的，接下来要喂素材。点击 "New Tileset"，选一张瓦片表（Tile Sheet）图片，Tiled 会根据你设定的瓦片尺寸自动把整张图切成一个个小瓦片，间距（Spacing）和边距（Margin）还能手动微调。这一步非常省心，切歪了重设参数就行，完全不需要碰图像处理软件。

第3步：拿起画笔，把地图"涂"出来

瓦片集出现在右侧面板后，点选一个瓦片，再用工具栏的画笔工具往网格上一放，第一块砖就落地了。这里有几个立刻能用的小技巧：

• 按住Shift拖动，可以沿直线铺瓦片，修道路、砌城墙特别顺手；
• 按住Ctrl拖动，能在框选的矩形区域里快速填充；
• 在右侧Layers面板多建几个图层：背景层、地面层、装饰层分开画，以后想改哪层改哪层，互不干扰。

到这里，一张最朴素的"能看"的地图就诞生了。如果你卡在这一步，多半是后面 FAQ 里那类小问题。

想让地图活起来？逐个解决这五个问题

基础流程跑通之后你会发现，真正让地图有质感的，是下面这些"解决问题"的能力。

地面怎么自然过渡？用地形工具

一格一格手动画过渡边缘，是新手最容易崩溃的环节：草地接沙地、沙地接石板，接缝处理得又慢又丑。Tiled 的地形工具（Terrain）就是为这个场景设计的——先在瓦片集编辑器里标记好地形类型和过渡关系，之后拿着地形画笔"刷"过去，编辑器会自动帮你挑选正确的过渡瓦片，几秒钟就能画出自然的路面。

火苗、流水怎么动起来？用瓦片动画编辑器

选中一个瓦片，打开 Tile Animation Editor，把几帧火焰图按顺序排好、设定每帧时长（比如 100 毫秒），一个循环燃烧的火把就完成了。游戏里那些篝火、瀑布、闪烁的路灯，底层逻辑都是这么几帧图轮流播放。

宝箱和NPC要放几百个怎么办？用对象模板

画大地图时，你可能要在几十个位置放同样的宝箱、敌人和出生点，逐个复制粘贴效率太低。Tiled 的对象模板（Templates）功能可以先把这些对象存成模板，之后在画布上拖一下放一个；改模板还能一键同步所有实例，模板本身也可以存成独立的 .tx 文件，让多张地图共用同一套设定。

地图总是不够大？试试无限地图

很多游戏是开放世界，地图边界不该是一堵墙。Tiled 支持无限地图（Infinite Map），新建时勾选 "Infinite" 就行，之后画布会随内容自动向外扩展，想铺多远铺多远，需要时还能再转回固定尺寸。

画完怎么交给游戏？导出比你想的简单

画好的地图默认存成 .tmx 文件，这是一份基于 XML 的文本，几乎所有主流 2D 引擎都能直接读取或转换。需要其他格式时，Tiled 的插件系统（位于 src/plugins/ 目录）提供了 JSON、Lua、GMX 等导出器，多数情况点两下就完成对接。

新手最容易踩的坑：高频问答

为什么瓦片之间总有一条白缝？多半是瓦片集原图自带 1 像素描边，在瓦片集属性里把间距或边距调成 1 像素就能解决。

文件名带中文或空格，引擎读不出来？这是引擎的限制，不是 Tiled 的错。保险做法是素材和地图统一用英文命名、路径里不出现空格。

画到一半发现地图尺寸设小了？没关系，用 Map > Resize Map 随时调整，已经画好的内容会保留在原位。

该从哪个版本开始用？直接用官方最新稳定版即可，界面和各教程里的版本差异很小，不用纠结。

往深了走，还能玩出什么花样？

这篇文章只够你入门，Tiled 的潜力远不止于此。想系统提升，按这三个方向走：

• 官方手册：docs/manual/ 目录下有完整文档，从图层、瓦片集到脚本化接口一应俱全；
• 示例项目：examples/ 目录里躺着森林、RPG 小岛和一套完整的平台游戏资源（sticker-knight），直接打开 .tmx 拆解别人怎么组织地图，比看十篇教程都管用；
• 自动化与脚本：用 Automapping 规则可以让编辑器自动帮你填图，甚至能在 Python 插件里写脚本批量生成地图，属于效率党的终极玩法。

现在，去画你的第一张地图

工具总在迭代，但"把脑海里的场景变成看得见的地图"这件事，Tiled 多年来一直做得又快又稳。它免费、开源、没有上手门槛，缺的只是你动手的那一下。想立刻开始？把仓库克隆到本地，按 docs/README.md 里的说明编译安装，然后新建一张 10×10 的正交地图，放进你最喜欢的素材，开始涂第一块砖：

git clone https://gitcode.com/gh_mirrors/ti/tiled

画完记得保存成 .tmx 丢给你的游戏引擎——当第一座小房子在地图上立起来的时候，你会觉得这一切都值得。🚀

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