【Unity入门计划】2D Game Kit:初步了解2D游戏组成

阳光穿透心脏的1/2处 2023-09-28 17:24 17阅读 0赞

**目录**

项目前期准备

游戏素材导入

RuleTile文件出bug

1 利用Kit Tools添加新场景

2 使用静态平台：TileMap

2.1 打开Tile Palette

2.2 添加Tile

3 使用动态平台：MovingPlatform

3.1 移动方式 Platform Type

3.2 自定移动轨迹 Add Node

4 创造更复杂的交互效果：压力板机关开门

4.1 加入机关对象1：压力板

4.2 加入机关对象2：门

5 加入敌人

6 实现间接攻击：推箱子

7 实现人物传送

--------------------

## 项目前期准备 ##

### 游戏素材导入 ###

学习基于Unity官方提供的2D Game Kit项目资源，链接如下

[2D Game Kit | 教程 | Unity Asset Store][2D Game Kit _ _ _ Unity Asset Store]

储存到我的![b5b8e136fb4944428517021584ea1e2e.png][]

资源在Unity中加载并导入就行。

### RuleTile文件出bug ###

打开项目后出现了RuleTile相关的bug，可以参考教程P47的改bug的方法。

[【unity2021入门教程】47-2D游戏开发教程系列-02-2DGameKit-01-介绍及改bug\_哔哩哔哩\_bilibili][unity2021_47-2D_-02-2DGameKit-01-_bug_bilibili]

--------------------

## 1 利用Kit Tools添加新场景 ##

利用导入的Creator Kit创建的Kit Tools菜单创建新的场景，命名为MyScene

![3a9202ae590b496bbf42e92eed87bc4d.png][]

观察场景分组

![e9645e03fad84fb0bc689a70f0c9f427.png][]

## 2 使用静态平台：TileMap ##

官方手册：[Unity - Manual: Tilemap (unity3d.com)][Unity - Manual_ Tilemap _unity3d.com]

TileMap给用户提供了一个快捷制作游戏平台的方式，通过简单的移动就能搭建一个能承载游戏玩家的平台，本身就带有了刚体等组件。

作为一个Unity学习的新手，越快上手做出自己的关卡获得的满足感就越多！在跟着B站UP教程学习时涉及到了这个工具，觉得挺有意思的，先简单的使用一下，之后会再学习。

### 2.1 打开Tile Palette ###

![ee748b52c34b4cf88e35b916b4bec9de.png][]

### 2.2 添加Tile ###

操作起来挺方便的

*  添加：选择想要的tile网格，在Scene中左键点击添加即可
 *  移动：右键可以移动场景
 *  删除：按住Shift可以快速擦除已添加的tile

还会自动补全tile之间的衔接部分！

![a74ec6915fc144aabb888d970f6c60b4.png][]

## 3 使用动态平台：MovingPlatform ##

游戏中，除了一些静态的、固定的仅提供承载、移动作用的平台，还需要一些移动的平台，Kit Tool创建的场景中也包含了这样的动态平台。

![3c5b24fbca3b4bbeac90b9ccaf31cf8a.png][]

Assets -> Prefabs -> Interactables -> MovingPlatform/MovingPlatformlong，将预制件拖入场景中创建移动平台，包含一个主要用来控制平台的脚本Moving Platform Script，以及其他组件。

![bf8a4501b85b455485fd69b0a09ffda6.png][]

### 3.1 移动方式 Platform Type ###

这是规定平台移动的方式，有下列三种

*  Back\_Forth：前后移动
 *  LOOP：循环移动
 *  ONCE：移动一次

### 3.2 自定移动轨迹 Add Node ###

添加的这些Nodes和Preview position一起组成移动轨迹，可以是单一前后移动的平台，也可以是按照一个四边形循环移动的平台。

![c3127cf875944a3bbccba278431d0699.png][]

## 4 创造更复杂的交互效果：压力板机关开门 ##

这里用到了PressurePad这样一个压力板预制件，实现踩上去之后开门的游戏对象之间的互动效果。

Assets -> Prefabs -> Interactables -> PressurePad，双击查看该预制件，可以看到外观是一个平台。

![5d2e5b05e5dd49ecb60cc12c780e884b.png][]

由几个组件组成，还有声音组件，其中主要是PressurePad脚本组件来控制。

![155eb622e2fd413d829cd74af4803c14.png][]

### 4.1 加入机关对象1：压力板 ###

拖入一个到场景中，观察这个PressurePad，他有一个Box碰撞体属性，意味着这个box的范围内才能实现他的踩踏交互，可以调节这个范围以避免位置太靠近草坪而触发不了机关的情况。

![d8a8d41a7296415ea3e0e7bc16870b03.png][]

### 4.2 加入机关对象2：门 ###

Asserts -> Prefabs -> Interactables -> Door，拖入场景中加入机关门。

![8e22e677c3854877a38fa7c05a3db837.png][]

还需要关联上门和踩踏板机关，在PressurePad的Pressure Pad脚本组件中把On Pressed()和加入的门以及门的开门动画关联上。，就能实现踩上踩踏板后门开的操作。

![e73bfcf2f38742a7b36113def06b1720.png][]

## 5 加入敌人 ##

游戏中除了玩家操控的游戏对象，还需要有“敌人”，来丰富游戏，2D Game Kit提供了Enemies资源供我们学习。

![6829a11f54014ff48547bafa89a61073.png][]

每个敌人挂了一些组件，其中主要的敌人动作通过脚本Enemy Behaviour控制。

![7545c0a9729f4fe1a938bfd9a2370fa3.png][]

脚本还将敌人的可视化范围和攻击范围可视化出来了。

![9bd271ce9b9e41a2997d3b358b34c2d5.png][]

## 6 实现间接攻击：推箱子 ##

项目中还提供了PushableBox从高处推下砸死敌人的操作。

![ec645fef9c50401ea590017dfc02f93c.png][]

加入一个PushableBox到场景中，它同样又很多组件构成。

![e567985b3c1445a98b7bd198293adcf4.png][]

这里着重看一下三个Box Collider 2D碰撞体组件：

![26930ef9d0504379ab8257014fee70d2.png][]

挂的这三个碰撞体分别实现了

*  从右推箱子
 *  从左侧推箱子
 *  无法穿过箱子

要想让箱子变成武器，还要挂一个伤害者脚本，将Hittable Layer改成enemy

![65bea84e3e524f80b06eb12231433803.png][]

![71b1cef518c94ebe865e91ee7e2b7ab0.png][]

## 7 实现人物传送 ##

场景传送提供了一些可操作的对象，实现同一场景、两个场景间的跳转。

![e9b87b5e7b6b42038c669064cdf35231.png][]

例如项目提供了一个TransitionStar，通过改变他的组件来实现两个Transition之间的转换。

![e673c92ff3f946a793044aa518470381.png][]

--------------------

以上是跟着教程对2D Game Kit项目的学习，但这已经是一个完整的项目了，只是进行了预制件的学习，下面会跟着教程继续学习2D游戏制作。

[2D Game Kit _ _ _ Unity Asset Store]: https://assetstore.unity.com/packages/templates/tutorials/2d-game-kit-107098
[b5b8e136fb4944428517021584ea1e2e.png]: https://img-blog.csdnimg.cn/b5b8e136fb4944428517021584ea1e2e.png
[unity2021_47-2D_-02-2DGameKit-01-_bug_bilibili]: https://www.bilibili.com/video/BV1Mr4y1X76H?p=48&spm_id_from=pageDriver&vd_source=df915e2f42f68699ce7f9d08e53731c5
[3a9202ae590b496bbf42e92eed87bc4d.png]: https://img-blog.csdnimg.cn/3a9202ae590b496bbf42e92eed87bc4d.png
[e9645e03fad84fb0bc689a70f0c9f427.png]: https://img-blog.csdnimg.cn/e9645e03fad84fb0bc689a70f0c9f427.png
[Unity - Manual_ Tilemap _unity3d.com]: https://docs.unity3d.com/Manual/class-Tilemap.html
[ee748b52c34b4cf88e35b916b4bec9de.png]: https://img-blog.csdnimg.cn/ee748b52c34b4cf88e35b916b4bec9de.png
[a74ec6915fc144aabb888d970f6c60b4.png]: https://img-blog.csdnimg.cn/a74ec6915fc144aabb888d970f6c60b4.png
[3c5b24fbca3b4bbeac90b9ccaf31cf8a.png]: https://img-blog.csdnimg.cn/3c5b24fbca3b4bbeac90b9ccaf31cf8a.png
[bf8a4501b85b455485fd69b0a09ffda6.png]: https://img-blog.csdnimg.cn/bf8a4501b85b455485fd69b0a09ffda6.png
[c3127cf875944a3bbccba278431d0699.png]: https://img-blog.csdnimg.cn/c3127cf875944a3bbccba278431d0699.png
[5d2e5b05e5dd49ecb60cc12c780e884b.png]: https://img-blog.csdnimg.cn/5d2e5b05e5dd49ecb60cc12c780e884b.png
[155eb622e2fd413d829cd74af4803c14.png]: https://img-blog.csdnimg.cn/155eb622e2fd413d829cd74af4803c14.png
[d8a8d41a7296415ea3e0e7bc16870b03.png]: https://img-blog.csdnimg.cn/d8a8d41a7296415ea3e0e7bc16870b03.png
[8e22e677c3854877a38fa7c05a3db837.png]: https://img-blog.csdnimg.cn/8e22e677c3854877a38fa7c05a3db837.png
[e73bfcf2f38742a7b36113def06b1720.png]: https://img-blog.csdnimg.cn/e73bfcf2f38742a7b36113def06b1720.png
[6829a11f54014ff48547bafa89a61073.png]: https://img-blog.csdnimg.cn/6829a11f54014ff48547bafa89a61073.png
[7545c0a9729f4fe1a938bfd9a2370fa3.png]: https://img-blog.csdnimg.cn/7545c0a9729f4fe1a938bfd9a2370fa3.png
[9bd271ce9b9e41a2997d3b358b34c2d5.png]: https://img-blog.csdnimg.cn/9bd271ce9b9e41a2997d3b358b34c2d5.png
[ec645fef9c50401ea590017dfc02f93c.png]: https://img-blog.csdnimg.cn/ec645fef9c50401ea590017dfc02f93c.png
[e567985b3c1445a98b7bd198293adcf4.png]: https://img-blog.csdnimg.cn/e567985b3c1445a98b7bd198293adcf4.png
[26930ef9d0504379ab8257014fee70d2.png]: https://img-blog.csdnimg.cn/26930ef9d0504379ab8257014fee70d2.png
[65bea84e3e524f80b06eb12231433803.png]: https://img-blog.csdnimg.cn/65bea84e3e524f80b06eb12231433803.png
[71b1cef518c94ebe865e91ee7e2b7ab0.png]: https://img-blog.csdnimg.cn/71b1cef518c94ebe865e91ee7e2b7ab0.png
[e9b87b5e7b6b42038c669064cdf35231.png]: https://img-blog.csdnimg.cn/e9b87b5e7b6b42038c669064cdf35231.png
[e673c92ff3f946a793044aa518470381.png]: https://img-blog.csdnimg.cn/e673c92ff3f946a793044aa518470381.png