(Tiled官方文档翻译)第五节:图块集的编辑

        编辑一个tileset(图块集)需要将图块集显式地打开。内部的图块集可以通过文件菜单来打开,但是通常是通过点击图块集窗口下方的“编辑图块集”小按钮来快速打开编辑图块集。

5.1 两种类形的图块集

        顾名思义,图块集是图块的集合。Tiled目前支持两种图块集,这在创建新的图块集时可以选择:

5.1.1 基础图块集图像

     这种图块集给所有的图块定义好了固定的尺寸,并且这些图块还能够被切割。另外,它还支持图块之间有一些的边距和间距,以便于使用图块时,相邻的图块间的边界像素突出,避免渗色。(待斟酌)

5.1.2 图像集合

        这种类型的图块集,每一个图块都来自于一个独立的图片文件。在图块不是统一的尺寸,或者之后准备打包图块这两种情况下非常有用。

        不管是哪种类型的图块集,你都能通过图块集或者它包含的图块关联许多的额外信息。在游戏中,你可以使用一些信息,例如:碰撞信息和动画信息。其他的信息提供给编辑工具。

        注意:图块集可以嵌在地图文件里或者保存在外部。从Tiled1.0开始,将tilesets(图块集)保存在自己的文件下是默认和推荐的方式。这是为了简化多张地图中使用同一个图块集的工作游程。

5.2 TileSet Properties(图块集属性)

         你可以通过点击菜单上的图块集==》Tile集属性,来进行图块集属性的配置。

5.2.1 Name(名称)

       图块集的名称。在编辑地图里在图块集窗口用来进行区分。

5.2.2 Drawing Offset(绘制编移)

        使用图块集中的任意图块进行渲染时,像素上的偏移(同tile layers的组成元素,或者是tile对象)。这在进行网络对齐上是非常有用的。

5.2.3 Backgroud Color(背景颜色)

       图块集的背景,默认情况下是深灰色,你可以对它进行修改,但是不会影响你的图块。

5.2.4 Orientaton(方向)(Tiled 1.0之后的特性)

       你图块集包含等距的图块,你可以给等距的图块设置方向。这个值还在网格宽度、网格高度属性是用于顶层被覆盖的图块渲染。这个在实例化地形信息和编辑王式刷的时候是有帮助的。当然这也在会影响到碰撞编辑器所用到的方向。(待斟酌)

5.2.5 Columns(列)

        这对于基于图块图片的图块集只是一个只读的属性,而对于图片集合的图块集,你可以在展示图块集的时候,控制列数。

5.2.6 Image(图像)

        这个属性仅仅对于基于图块图片的图块集有效。点击该属性,然后会出现一个编辑按扭(三个小点),这个按钮允许你去改变该图块。

       当然,作为Tiled最常用的数据类型,你可以给图块集关联Custom Properties(自定义属性)。

 

5.3 Tile Properties(图块属性)

5.3.1 ID

        图块集中的图块ID(只读)

5.3.2 Type(类型)(1.0之后的特性)

       这个属性对象类型编辑器时使用到。更多的信息请查看图块类型章节。

5.3.3 Width and Height(宽度和高度)

       图块的大小(只读)

5.3.4 Probability(可能性)

       代表这个图块在含有多个选择时被选择的概率,这个值在随机模式和地形刷的时候使用到。

5.3.5 Image(图像)

      仅仅作为组成图块集的一部分,展示了一个代表图块的图片文件,允许修改。

5.4 Terrain Information(地形信息)

      通过地形刷可以添加地形信息到图块集。相关的信息请查看地形信息的定义章节。

5.5 Wang Sets(王氏图块集)

      一种包含了任意数量的使用了王氏刷构成的王氏图块集,更多的信息请查看王氏图块信息。

5.6 Tile Collision Editor(图块碰撞编辑器)

       点击工具栏上的(Tiled官方文档翻译)第五节:图块集的编辑按钮可以打开图块碰撞编辑器。这个会打开一个窗口,你可以在这里对图块进行一些形状的创建和编辑。你还可以给每一个形状设置自定义属性。

       通常使用这些形状来给一些精灵或者一些图块代表几何图形的图块的碰撞信息,当然你也可以通过使用它们来给你的精灵添加一些粒子发射点或者枪击点。

(Tiled官方文档翻译)第五节:图块集的编辑
图块碰撞编辑器

 

       注意:使用Sean Barton开发的Tiled2Unity工具可以给你这方面比较好的例子。它能够获取到所有图块的碰撞形状和生成一个简单的碰撞图玩,在Mega Dad Adventrues上得到验证。

5.7 Tile Animation Editor(图块动画编辑器)

        图块动画编辑器允许定义一个针对每一个引用同一图块集中的其他图块作为其中一帧的帧动画。通过点击图块动画编辑器按扭(Tiled官方文档翻译)第五节:图块集的编辑打开编辑器。

       图块动画可以在Tiled进行实时的预览,这样可以让用户感觉像是在游戏中。通过点开菜单栏:视图==》显示图块动画,可以打开预览设置。

(Tiled官方文档翻译)第五节:图块集的编辑
图块动画编辑器

通过下边的步骤可以添加和编辑图块动画:

  1. 选择主Tiled窗口的图块。这会让图块动画编辑器显示一个初始化为空的动画,旁边有所选择的图块以及该图块所在图块集的其他图块。
  2. 在图块动画编辑器中,从图块集窗口拖动图块至左边,添加动画帧。你也可以同时拖动多个图块。每一个图块默认的显示时间为100毫秒。
  3. 双击帧的显示时间可以对它进行修改。
  4. 拖动帧列表可以对帧进行重新排序。

在左下角可以对动画进行预览。

5.8 未来的拓展

这里有许多对图块集编辑器更实用的方法,例如:

5.8.1 Wang Sets(王氏集合)

  1. 使图块集更容易去编辑王氏图块。

5.8.2 Tile Collision Editor(图块碰撞编辑器)

  1. 允许同时向多个图块进行碰撞设置
  2. 在主地图或者图块集窗口渲染碰撞形状

5.8.3 Tile Animation Editor(图块动画编辑器)

  1. 允许修改默认的帧周期
  2. 允许同时修改多个帧的帧周期
  3. 支持每个图块有多个动画命名

    由于边学边翻译,所以有些知识点理解的不透,翻译不到位,请大家多多指导。

    加油,共勉。