01.Tiled基础
Tiled Map又被称为瓦片地图编辑器,经过编辑后保存输出一个TML文件。
.tmx文件是Tile Map XML(瓦片地图XML)的扩展名,是一种专门用于定义和存储游戏地图内容的文件格式。因其简单、易扩展、跨平台,几乎被市面上所有的2D游戏引擎支持。
Tiled Map本质上是由一系列的图块来创建地图,保存后导出文件在引擎中加载。这也是它名字的由来。图块可以理解为一个像素块,比如8x8,32x32等类似的像素片段,然后通过复制粘贴将他们组合在一起。
Example01
- 创建一个新地图
![image]()
方向可以选择正交(垂直)、等距或六边形
![image]()
以正交为例,简单来说就是正视图,没有倾斜或扭曲,完全垂直的视角(正交投影视角)。
设置地图尺寸,这里以50x50为例。
设置地图块大小,地图块的确定通常取决于图块所在的图集,图集是图块的来源,可以从这里绘制图块。这里大小设置为32x32.
![image]()
![image]()
可以看到现在已经有了一个地图和图层,但没有可以用的图块。需要加载一些图块来配合使用。
![image]()
在编辑器的右下角有一个图块集的标签页(Tilesets).
![image]()
点击如上按钮都可以创建一个新的图块集。
![image]()
type: 图块集可以选择单个或多个图像,这里测试选择单个图像。
source: 网上down一个图块集用于测试。
Use Transparent color:这里选择的图块没有透明像素,所以不勾选。
设置大小和间距,这里就默认。
![image]()
保存:
这里会把图块集资源分割成设置好的图块,并且把设置保存为一个.tsx配置文件。
这些图块就会作为绘制地图(画布)的“笔触”。
![image]()
这样在图块集点击选中需要绘制的图块,然后在画布上左键拖动就可以把该图块绘制出来。
对于基础图层来说,也可以选择菜单栏上的填充工具以更快捷的方式来一键填充。

比如绘制整个地面...
注意:前提是有用笔触在地图上绘制至少一个地图块。
菜单栏有一系列的地图绘制工具,比如绘制单个图块就可以选择图章工具:

接下来就是重复性的“取块/复制”->"绘制/粘贴"过程。
在“取块”过程中,也可以按住鼠标左键拖动多选图块,就可以在地图中一次性绘制多个图块。

如果绘制错误或想要修改,也可以选择菜单栏的橡皮擦工具来擦除已绘制的内容。

在擦除过程中会发现,橡皮不仅擦掉了绘制的砖块,把“下面的”土地也擦除了。
实际上,tiled是一个基于图层的系统,当在同一图层的地块上方绘制另一个图块时,实际上已经替换掉了原来的图块。
如果想要在一个图块上绘制另一个图块(遮挡而不是替换),则需要另外创建图层,并在该图层中绘制。
接下来新建一个图层来绘制花草树木。
在图层分页的任意处右键:

可以看到,tiled可以创建4种类型的图层:图块图层、对象图层、图像图层和分组图层。
这里使用的图块,所以新建一个图块图层topLayer。单击选中该图层就可以在该图层中绘制图块了。
Tiled支持创建多个图层,双击图层可以重命名。

图层的绘制是从下到上依次绘制的,所以上面的图层会遮挡下方的图层,可以选中并拖动图层来调整渲染层级。
另外图层右侧还有控制显隐和锁定(不可编辑防止误操作)的操作。
当然在图层标签页的下方也有一系列的工具可以操作图层。

以上就是创建地图的一些最基本的操作。









浙公网安备 33010602011771号