游戏开发笔记（五）：使用Tiled Map Editor创建关卡地图

前几天我的世界地图编辑器地图，我上传了我的之一个知乎视频：使用Tiled制作自己的超级马里奥关卡地图。 其实它不仅仅是模仿马里奥之一关的一小段，还加入了自己的“创意”：在地上部分的基础上加入了地下部分，让游戏画面不仅可以左右移动，但也有上下。 制作的过程是愉快的，甚至是减压的，可能因为这种制作是一个自我释放的过程。 果然，人类一创造，上帝就笑了。

使用类似 Tiled 的软件创建关卡地图的游戏也称为基于图块（tile-based）的游戏。 瓦片底座，由小正方形（或较小的矩形、平行四边形或六边形）图形图像（称为瓦片）组成，布置在网格中。 这些小方形图形图像集中在一个或有限数量的地图集（图块集）中。 小小的、有限的瓷砖，通过不同的排列组合、重复使用，可以创造出广阔的世界。

原版超级马里奥，每个像素，整个尺寸不到38k

tile-base的具体实现原理是什么？ 让我们尝试创建尽可能简单的地图。

打开Tiled软件，新建一张网格大小为30X20的地图，导入我们的马里奥。

将默认图层重命名为。

选择填充工具，选择界面右侧云朵旁边的纯蓝色网格，用蓝天填充中间的30X20地图网格。

Ctr+s(+s) 保存 tmx 文件。

使用文本编辑器打开刚刚保存的 tmx 文件。

满屏的763是什么？ 结合上下文和我们的操作，蓝色网格就是第763个网格中的索引。

原理有点像图形中顶点（）和索引（Index）的关系。 中的图块是按顺序编号的顶点，层中的数据是索引。

绘制地图就是根据索引找到对应的瓦片，然后进行渲染。

一旦理解了原理，你就可以愉快地使用编辑软件来创建关卡地图了。 你可以制作自己的瓦片编辑软件（制作轮子），也可以使用游戏引擎内置的编辑器（比如Unity内置的编辑器），也可以使用独立第三方开发的编辑软件。 我们使用的Tiled软件是第三方开发的编辑软件。 它不与特定的引擎绑定，并且具有更强大的功能，这正是我们所需要的。

关于 Tiled 软件，它可能是更流行、最常用的开源关卡编辑器，拥有 8,800 颗星。 关卡编辑器意味着Tiled不仅是一个可以编辑各种形式的瓦片地图的编辑器，而且还是一个注释各种附加信息的通用编辑软件。 例如，标记碰撞体信息。 只需使用Tiled的对象层（Layer）功能来标记关卡中的碰撞体，例如地面、砖块、水管等。Tile Layer用于图像贴图编辑， Layer用于标记逻辑信息。 可见Tiled提供了渲染与逻辑分离的功能。 这种分离可以极大地方便游戏处理。