欢迎光临散文网 会员登陆 & 注册

我们来用Unity做个2D像素boss战

2021-08-27 15:46 作者:皮皮关做游戏  | 我要投稿

(本文难度★☆☆☆☆,作者@酒九大魔王)

米娜桑扣你吉瓦,又是我暴躁老哥酒九。

我个人特别特别喜欢形如《死亡细胞》《渎神》之类的像素metroidvania式2D游戏,这当中又尤其中意前者《死亡细胞》(突然回想起来被五细胞折磨的日子)。

菜就多练练

从个人角度出发,《死亡细胞》有很多让我爱不释手的特征:优秀的操作手感,碎片化的剧情,变化多端的随机地图,多种特点明显的敌人,丰富的装备(技能)系统——以及精彩炫酷的Boss战。无论是守护者居所的大型Boss巨人,还是时钟室的小型Boss时间刺客,在和他们战斗的过程中都能感到一种很巧妙的压迫感,这种适量的压迫感让我注意力高度集中,不断从失败中学习——直到打败Boss的那一瞬间,心流转化为一种前所未有的成就感。

基于这样的想法动了写一篇小教程的念头,让我们一起来制作一个简单的Boss战。

首先想一下一场Boss战中都需要一些什么?

一只等着玩家击(rou)败(lin)的Boss怪物;

一名由玩家操作的角色;

以及一个看着不伤眼睛的场景。

当然其中的每个部分还有一些细分的组成模块。接下来一步一步地制作咱们的Boss战吧。



首先是新建Unity2D工程,然后将准备好的素材导进去。这里大家可以去Unity商店里面或者itch.io网站上去下载自己需要的素材。

https://assetstore.unity.com/

https://itch.io/

这里我选择的素材是一只火焰蜈蚣。导入好素材之后,我们发现大多数素材都是将一组完整的动画放在一张图中,而我们要做的就是把一张整合图中的每一张精灵图都“割”出来,具体的操作如下:

这里的像素数可以根据素材进行修改
将一组图片中的所有图片割出来

PS:这里不建议使用Automatic模式进行切割,割出来的图片大小不一,就可能导致每张精灵图的中心点不一样。如果大家找的素材像我的这样是排列好的,就可以使用Grid By Cell Count模式来切割,保证每一张大小和中心点一致。

好了,我们照上面的流程将素材全部准备好之后,将每个动画都制作出来,并取好名字,方便之后使用。现在选择一张精灵图来作为Boss在游戏中的实体,我们来为Boss提前挂上要用到的各种组件。

需要用到的组件

PS:这里选择PolygonCollider2D(多边形碰撞体)的原因在于,这里的Boss不是一个常规的形状,而PolygonCollider2D支持可以手动拖拽出我们想要的形状,但是如果后面有在游戏中进行碰撞体更改的需求会很麻烦。因此这里大家也可以用固定形状的几个碰撞体来拼接出Boss的大体形状,从而避免上述问题。

Boss的AI中应该有一些什么样的行为?

脑袋稍微一转就能想到待机,受伤,攻击,死亡,移动等。这就是最简单的敌人AI中应该存在的状态。由于今天咱们做的不是普通的杂兵,好歹有一个title:Boss(我也是有尊严的!)。所以这里将状态划分为:待机,受伤,死亡,冲撞技能,火球技能,火柱技能。

现在我们再考虑一下各状态之间的切换条件是什么?是怎样的一个流程?

考虑完之后就可以直接上流程图了:

状态机流程图

想清楚流程以后,就可以开始编写有限状态机(FSM)了。由于这次的项目内容不多,所以我选择的是先用enum(枚举类)将Boss的所有状态列举出来,再使用switch case语句来将不同状态之间的对应方法区分开来。废话少说,上代码。


像这样,我们就搭好了一个最简单的有限状态机的架子,接下来只需要去编写对应状态下的逻辑就行了。

PS:这种有限状态机的优点是简单易懂,但同时缺点也很明显——将所有的代码都放在了一起,不管是后期的维护修改,还是添加新的内容,都会很麻烦。所以我们可以将状态机细分出:状态机系统,状态基类,挂载在对象的实际脚本,利用继承状态基类来编写不同的状态,状态机系统控制状态方法调用和增加删除,再在对象身上的实际脚本中通过注册事件来将各个状态添加进来。这里就给大家“抛个砖”,感兴趣的朋友可以自行研究一下。

现在就按照顺序编写不同状态中的代码吧。

  • FireBallSkill和FirePillarSkill

将这两个状态放在一起讲是因为它们的主要逻辑相似。FireBall中Boss会连续喷出火球A,这些火球A呈散弹状的扇形排列向前方飞行,碰到玩家之后就对玩家造成伤害。FirePillar是Boss在半血之后追加的技能,会召唤从天上落下的火球B,火球B的位置是随机的,碰到地面或者玩家之后会生成火柱,对玩家造成伤害。

那么先准备好两种火球的预制体。做好需要的动画,挂好需要的组件。然后给这俩都编写一个脚本,用来控制生成出来以后的飞行、攻击玩家等逻辑。下面的代码是火球A代码。

大家会发现Destroy方法很奇怪,只有一句话,而且在脚本中没有调用的地方。它真正的作用是作为动画帧事件,在动画播放到指定帧时进行调用。一会儿我会介绍动画帧事件的使用方法,这里咱们先继续。

预制体做好之后,咱们在Boss脚本中编写生成它们的方法。

火球A想实现出散弹的效果,主要思路就是按照一定的角度差值来依次改变每一个火球的Rotation。生成方法如下:

火球B是随机生成在空中,然后向下坠落。我们将其X轴的值设置为随机值就好了。生成方法如下:

然后将这两个方法设置为动画帧事件,操作如下:

双击对应的动画,弹出Animation窗口,再点击红圈处生成一个事件,将其拖拽到需要触发事件的那一帧的位置。

Animation窗口

再点击那一个指针,弹出AnimationEvent的界面,在里面的Object中选择对应的脚本,在Function中添上对应函数的名字,搞定。

事件的配置

PS:在使用动画帧事件的时候有几点需要注意:1.三个参数只能传递三者之一,要不就无参数。2.Function事件函数的来源必须是有Animator组件。3.Object如果是空的,那它就会默认选择自身所绑定的脚本作为事件函数提供。

完成动画帧事件的绑定之后,我们只要播放动画就可以自动生成出火球了。所以在FireBallSkill方法和FirePillarSkill方法中,我们只要负责播放动画、以及按照流程图中的条件和流程切换状态就万事OK啦。代码如下:

这样,咱们就完成FireBall状态和FirePillar状态的编写了。

  • DashSkill

在Dash状态中,这里的设计是让Boss从一边突进到另一边去,过程中碰到了玩家就对玩家造成伤害。所以我们需要做的就是让Boss移动就好了。这里直接使用了Rigidbody2D实现移动。当然,也要写好切换状态的条件,在这里是到达指定点后就进行状态的切换。这一部分就不再多做阐述了。

  • Idle,BeHit,Death

Idle状态的主要作用是给玩家一段攻击Boss的时间——靶子时间到。另外,基于本文的设计,Boss半血以后技能都会有所加强,这些变化也放在了Idle状态中进行。而BeHit状态下就是当玩家攻击到Boss之后受伤的动画播放以及血量减少。Death状态是当Boss血量小于等于零之后播放死亡动画和删除Boss实体。代码如下:

好,Boss的主要逻辑就编写完毕了。

设置好一些技能CD、Boss血量,技能伤害等数据,再简单的制作一个玩家控制的主角,搭建一个场景(下面展示的场景是将渲染管线转成了URP,如果大家感兴趣的话可以后面更新一下),挂上Cinemachine来实现摄像机的跟随,范围限制等。来看一看效果。

工程地址如下:

https://pan.baidu.com/s/1czDhXjecYDR1hzbEwtbpYg

提取码: im9u

欢迎加入游戏开发群欢乐搅基:1082025059

对游戏开发感兴趣的童鞋可戳这里进一步了解:http://www.levelpp.com/

B站:“皮皮关做游戏”


我们来用Unity做个2D像素boss战的评论 (共 条)

分享到微博请遵守国家法律