唤境如何制作人物血条效果

2025-10-24 22:34:23

1、自制人物血条效果

1、本教程中,血条分为两部分:红色的真实血条,以及蓝色的血条减少效果。


首先创建这两个精灵对象。

唤境如何制作人物血条效果

2、因为我们会通过改变宽度来实现血条缩短效果,所以需要将血条减少样式和血条样式的锚点全部设置在左侧,避免坐标的改变。

3、将对象拖入场景,位置相同,红色血条在蓝色上方

唤境如何制作人物血条效果

1、新建按钮组件,拖入3个实例到场景中

唤境如何制作人物血条效果

2、为按钮添加实例变量 伤害 , 分别设置3个实例的伤害值: 10、40、90

唤境如何制作人物血条效果

1、新建一个全局变量用于控制生命

唤境如何制作人物血条效果

2、添加事件,当点击按钮时,根据实例变量的值,减少生命。


生命值减少公式:(生命-HP减少.伤害)<0?0:生命-HP减少.伤害 (这里用了三元运算符来限制生命不能小于0)

唤境如何制作人物血条效果

3、在本教程中,将使用两种生命减少效果

1.利用线性插值平滑减少

2.每帧固定值减少生命

1、首先,当生命减少时,先直接扣除红色血条。


公式为:血条宽度 * (当前生命/生命上限) 。
详细公式:300*((生命>100?100:生命)/100)

唤境如何制作人物血条效果

2、利用线性插值减少蓝色血条

蓝色血条的最终尺寸应该和红色血条保持一致。 为了使蓝色血条平滑改变尺寸,这里使用线性插值表达式。


公式为:lerp(当前值,最终值,插值)
lerp(血条减少样式.Width,血条样式.Width,dt*6)
第三个参数 dt*x 可以调节蓝色血条改变尺寸的速度。

唤境如何制作人物血条效果

3、运行游戏,点击按钮即可看到实际效果

1、固定减少的原理是: 如果蓝色血条的长度大于红色血条,每帧固定减少长度。 如果蓝色血条的长度小于红色血条,蓝色血条的长度变成与红色相等。

唤境如何制作人物血条效果

2、全部事件如下图所示,请注意,两种减少方式只能激活其中一种

3、以上便是自制血条(进度条)的教程

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢