2D游戏神器

Tilemap

个人博客原文

Tilemap是一种地图编辑方式,使用Tilemap可以让我们就像搭积木一样快速搭建地图。
许多2D游戏都是使用的这样的方式构建地图,例如: 泰拉瑞亚,蔚蓝,甚至是饥荒

Unity在2017版本引入Tilemap组件,并在随后的几年版本里逐渐完善。

RuleTile

但是我们今天要讲的不是Tilemap,而是Tilemap的进阶工具-RuleTile。

在使用Tilemap搭建地图时,我们会发现这样还是太低效了,我们的2D地图是有特定规则的,例如地表的瓦片和地底的瓦片不同,中间的瓦片和两边的瓦片不同。

有没有办法,让计算机帮我们计算这些规则,而我们只需要勾勒出地图轮廓呢。
还真有,不过需要我们下载Unity的2D扩展包,里面包含了RuleTile。

安装2d-extras

2d-extras GitHub地址

有两种下载方式

1. 下载压缩包并解压到Unity项目Assets文件夹中。
2. 下载仓库并添加到Unity的包管理器。 -具体方式见2d-extras的README

添加到项目里面之后,我们会发现在Creat最上面有一个2D选项,我们可以在那里选择创建各种瓦片或者笔刷。

使用RuleTile

开始搭地图,一张相对完整的Tilemap需要7种基础瓦片。

7种瓦片经过旋转和组合就可以构成一个2D游戏地图了。

接下来开始创建2D地图

1. 建空项目
2. 添加2d-extras
3. 添加Tilemap到场景
4. 添加7种基础瓦片图片
5. 创建一个RuleTile并设定显示规则
6. 创建画板,添加刚刚的RuleTile
7. 画地图

RuleTile设置

瓦片规则的设置特别简单,就是设置那个九宫格。
绿箭头代表有格子,红叉代表没有格子。我们根据每种瓦片的显示一条条设置就行。
九宫格中间可以设置旋转,这样我们就不用自己设置旋转之后的规则了。

例如:
第一条规则,当该瓦片上边和左边没有瓦片,且下边和右边有瓦片时,显示右侧精灵图。
如果旋转该瓦片之后也符合规则,则旋转精灵图并显示。

再比如:
第三条规则,如果四边都没有瓦片,就显示该精灵图。并且没有设置旋转。

最终效果如下

项目地址

Unity版本: 2019.2.17f1
项目GitHub地址

后言

Tilemap 不仅可以把2D图片当成瓦片,一样支持3D物体甚至是动画。
我们可以把一些效果做成预制体,然后当成瓦片刷上去,还是有很大的发挥空间的。

参考

1. Unity官方文档
2. Unity中使用Tilemap快速创建2D游戏世界