《勇士传说》横版卷轴动作类游戏笔记-3.场景绘制和叠层设置

0.写在前面

该笔记为M_Studio老师今年免费更新的面向初学者的教程的笔记，只会更新老师免费更新的部分，中文课堂独有的部分不会更新。教程中所有的演示均为付费版下的演示，观看免费版的小伙伴可能会出现和笔记不同的情况，欢迎提问。

课程介绍：https://www.bilibili.com/video/BV1zY411B7KH/
课程连接：https://learn.u3d.cn/tutorial/2DAdventure
M_Studio的平台：
B站首页：https://space.bilibili.com/370283072
Unity中文课堂首页：https://learn.u3d.cn/u/m-studio-1

1.人物创建

在 Project 界面中选择 char_blue_1 直接拖动到 Hierarchy 界面中

在 Hierarchy 界面中找到刚刚拖进来的物体
1.在这里点击右键
2.选择 Rename，输入Player

完成后如下图所示

2.瓦片创建

在 Hierarchy 界面
1.空白处右键
2.找到 2D Object
3.选择 Tilemap
4.点击 Rectangular

把新建的 Tilemap 命名为 Platform ，如下图所示

3.叠层概念

在游戏中难免会有人物、场景、道具等的遮挡关系，那么我们要如何使用 Unity 来完成这些相互遮挡的效果呢，这个时候就需要用到叠层的概念，在 Unity 中我们可以添加自定义的 Sorting Layer ，在同一个 Sorting Layer 我们还可以进行排序，排序的数字越大显示越靠前，下面的步骤就会用到叠层的概念

我们选择到 Platform 这个 Tilemap ，然后使用快捷键 Ctrl+D 快捷复制 6 个出来，如下图所示

对新复制的 Tilemap 进行重命名，命名后如下图所示

按下图的方式进行操作
1.找到任意一个 Tilemap
2.选择找到右边的 Sorting Layer
3.点击 Add Sorting Layer

点击右下角的加号进行添加层级，注意层级的顺序，越下面的层级在显示的时候会越靠前，添加完成后如下图

1.我们可以按住 Shift 点击 Back 1 然后点击 Back 3 这样实现多选
2.把 3 个 Back 前缀的 Tilemap 的 Sorting Layer 调整为 Back
3.用同样的方式给下面的 Tilemap 也对应进行调整，注意 Platform 设置为 Middle

1.注意 Tilemap 的后缀
2.我们需要在 Order in Layer 中设置与后缀相应的数字
3.用同样的方式给下面的 Tilemap 也对应进行调整，我就不赘述

4.绘制瓦片

我们可以按照如下的方式打开 Tile Pallet 面板，然后讲窗口调整到自己喜欢的大小

我们选择新建一个 Palette

我们重命名为 Forest 1，然后选择 Create

在弹出的文件夹选项中，我们找到 Asset 文件夹，然后在此文件夹下创建一个 Tilemap 文件夹，如下图所示

再在 Tilemap 文件夹中创建一个文件夹叫 Palettes，我们选择 Palettes，如下图所示

我们在 Project 窗口中找到 Forest-1 的素材，然后拖拽到 Tile Palette 窗口中，如下图

此时会弹出一个文件夹，询问我们要把这里的每一个瓦片存放在哪里，我们在 Tilemap 文件夹下再新建一个文件夹 Tiles 用来存放所有的瓦片，因为我们这里存放的是 Forest-1 的瓦片，于是我们再创建一个文件夹，用来容纳 Forest-1 的所有的瓦片，如下图

1.注意我们所绘制的 Tilemap 是哪一个，我们现在要绘制平台，所以选择 Platform
2.在红框中可以多选或者单选瓦片，然后在 Scene 中绘制，此时可以粗略的绘制一下，如下图所示

我们在切割图片素材的时候，希望草地和人物有一个遮挡的效果，所以我们可以单独来绘制草地的部分，选择不同的 Tilemap 来承载草地，我们选择在 Back 3 这一层来绘制我们的草地，同时这一层也是离我们平台最近的一层，如下图

此时我们注意到 Scene 窗口中，不同层没有进行区分，我们不能很好的看到当前层有什么内容，于是我们可以按照下图的方式进行操作，只显示当前层的内容
1.在 Scene 窗口中找到 Tilemap Focus
2.选择 Tilemap ，此时的Scene就会只显示当前选中的 Tilemap 的瓦片

完成我们草地的绘制，如下图

此时我们的人物和草地还木有产生遮挡的关系，是因为我们没有给人物设置层级，给人物设置为 Middle 层级，最后效果如下图

Tilemap 绘图工具调出

Tilemap Palette 默认面板中隐藏了一些绘图工具，我们可以通过设置调整出来，如下图所示

在如下图所示的地方，我们可以自己定义绘图工具，将右边的添加到生效栏中，或者减少一些生效的工具，最后不要忘记保存

5.摄像机调整

为了使得场景中可以容纳更多的内容，我们可以通过调整摄像机的大小来调整画面，你可以选择自己喜欢的大小，如下图所示