使用Unity Tilemap轻松制作2D瓦片地图-基础篇

大大源码 • 2023年3月11日 am12:04 • 其他

Tilemap介绍

我们在使用unity制作2D地图时，几乎都需要把很多重复的小地图块拼接成一个大型的地图，例如山地、森林、海洋等，这时候如果需要对地图进行修改、划分层级等操作，我们就可以使用tilemap高效地对地图进行制作或者管理。

注意：Tilemap是unity2017.2版本之后才内置的，早期的版本可能要通过下载插件来使用Tilemap，我这里使用的版本是unity2022.1.4

创建第一个Tilemap

请添加图片描述

我们在 层级面板(Hierarchy) 点击鼠标右键，在2D Object-Tilemap中创建一个Rectangular(正方形) 的Tilemap
在这里插入图片描述
这时候层级选中Grid，就可以看到场景里出现了很多格子，这就是Tilemap网格。
这里介绍一下，创建出来的Grid就像是UGUI的Canvas，用于统一管理子层级下的所有Tilemap，然后Grid的子物体Tilemap就相当于一张白纸，我们可以在“白纸”上画画，也就是填充各种地图块。

创建Tilemap调色板(TilePalette)

创建了一个Tilemap我们就相当于有了一张纸，那么要有颜料才能开始画画，这时候我们就需要用到TilePalette调色板来存放我们的“颜料”

我们先在菜单栏的Window-2D-Tile Palette打开调色板窗口
在这里插入图片描述
打开之后我们固定到场景下方

这里我们一共有两种方式创建Tilemap调色板

第一种：在 项目(Project) 面板里右键根据图片创建一个Tile Palette
在这里插入图片描述
第二种：点击Tile Palette里的Create New Palette，调整好各种参数后点击Create就可以完成创建

创建瓦片(Tile)

刚刚我们已经创建好了调色板，也就是我们放颜料(瓦片)的地方，现在我们需要把瓦片资源创建出来，才能真正开始画画

这里我们先要准备好图片(注意图片类型要是Sprite 2D and UI的)，然后直接把图片拖入进调色板，然后就会在你选择的路径下自动创建好瓦片资源

选择好图片：
在这里插入图片描述

拖入调色板，在Tiles文件夹里自动创建那张图片的瓦片资源，同时瓦片也出现在了调色板里
在这里插入图片描述

也可以一次性选中多个图片拖入调色板：
在这里插入图片描述

到这里我们就成功创建好了瓦片资源

绘制地图

创建好各种资源之后，我们就可以准备开始绘制地图了。
当然在开始之前我们也要先了解好一些基础概念和功能的使用方法

Sprite图片参数设定

一张Sprite图片导入unity，它的Pixels Per Unit这个参数默认为100，如下图：
在这里插入图片描述
当你在使用这张图片时，这个参数会影响图片的尺寸或者缩放，通过摸索，我发现图片的缩放满足：图片分辨率 / Pixels Per Unit
简单来说，就是假如一张图片大小是32x32，Pixels Per Unit为64，那么就会在使用的时候缩小二分之一，如下图：
在这里插入图片描述
这里的图片大小就是32x32，Pixels Per Unit为64，可以看到这里的图片填充了格子的四分之一