53. UE5 RPG 实现伤害数字UI根据状态显示不同颜色和图标

最新推荐文章于 2024-07-21 23:18:10 发布
最新推荐文章于 2024-07-21 23:18:10 发布
阅读量571 收藏 17
点赞数 7
分类专栏： UE5 RPG unreal 文章标签： ue5 ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30100043/article/details/138963034
版权
unreal 同时被 2 个专栏收录
114 篇文章 44 订阅
订阅专栏
UE5 RPG
84 篇文章 11 订阅
订阅专栏

书接上回，我们实现了在AttributeSet里面获取是否触发格挡和暴击的变量。那么，我们就可以将变量传递给PC的函数中，我们是通过PlayerController里的函数去实现的创建伤害数字的UI
在这里插入图片描述
在PlayerController里面调用的主要原因是，为了获取到技能施放者，然后通过它自身的PC来调用函数，这个函数只在客户端运行。
在这里插入图片描述
函数内部实现创建了一个显示伤害数字的组件，然后在设置显示伤害数字时，我们将格挡和暴击传递过去
在这里插入图片描述
设置伤害的函数是在蓝图中实现的，所以我们只需要增加对应的参数，去蓝图中实现功能即可。
在这里插入图片描述
编译后打开我们创建的组件蓝图，你会发现多出了对应的配置项，我们接下来就是在蓝图中扩展函数，然后UI中实现对应的效果。
在这里插入图片描述

修改用户控件

接下来，我们将修改用户控件，来实现对格挡和暴击效果的表现。
这里，我找了两张图，作为格挡和暴击的表现
在这里插入图片描述
然后在显示伤害的用户控件中增加两个图像，并用水平框将它们包裹起来
在这里插入图片描述
将这两个图标设置成图片，并将其设置为变量，方便后续修改颜色以及设置显隐
在这里插入图片描述
编辑后的效果如下
在这里插入图片描述
在更新显示伤害数字文本函数这里，增加两个参数，用于接收格挡和暴击的布尔值
在这里插入图片描述
接下来，我们将在控件蓝图中创建所需的函数。

根据格挡和暴击设置颜色

首先创建一个蓝图函数，增加两个输入和一个输出
在这里插入图片描述
完整的逻辑运算是这样的
在这里插入图片描述
主要就是格挡和暴击组合能够出现四种情况，我们想对每一种情况设置一个颜色
在这里插入图片描述
然后我们在不同的分支，设置不同的颜色
在这里插入图片描述
最后执行输出，将颜色输出出去
在这里插入图片描述

设置格挡和暴击的显示与颜色

我们还需要两个函数，用于设置格挡和暴击的显示与颜色，如果当前触发了格挡与暴击，我们就显示对应的图标，如果没有触发，我们就隐藏。
所以，我需要传入两个值，就是是否触发的布尔变量，和需要设置的颜色，颜色我们就选择和前面返回的颜色类型相同，这样不需要再单独去获取，直接调用时传入即可。
在这里插入图片描述
这里以格挡的函数举例，如果触发了格挡，我们就执行设置颜色的逻辑，由于图片需要线性颜色，我们只需要从SlateColor中取出LinearColor设置即可。
在这里插入图片描述
如果没有触发格挡，那么我们就将对应的图标隐藏即可
在这里插入图片描述
暴击的逻辑和格挡相同这里略过。

创建一个新的暴击动画

这里我还创建了一个新的暴击时使用的动画，现在的动画不能够去更新文本了，需要更新文本外面的水平框，让文本和图标一块播放动画。
所以我这里直接将节点修改成了水平框
在这里插入图片描述
如果你想切换播放动画的节点，需要先选中切换的目标节点
在这里插入图片描述
然后在动画修改的节点上右键，它会出现替换目标节点选项
在这里插入图片描述
现在，我们有了两个动画，我希望根据暴击去切换它的播放动画
在这里插入图片描述
所以，动画不再初始化完成的事件后调用，而是修改外在设置完伤害数值以及伤害文本的颜色后去调用一个自定义事件，所以，我们通过自定义事件去实现需要播放哪个动画
这里我创建了一个自定义事件，需要一个是否暴击的布尔变量，然后根据值去判断播放哪个动画。
在这里插入图片描述

修改UpdateDamageText

之前我们在这个函数中，只是用来修改文本的显示内容，也就是伤害数字，现在，我们需要接受格挡和暴击的变量
在这里插入图片描述
我们将这些变量存储为局部变量，方便后续使用，也让蓝图的线简单，不再变成盘丝洞
在这里插入图片描述
接着，我们将通过前面的函数获取需要设置的颜色，也设置为变量
在这里插入图片描述
然后，我先设置文本显示伤害数值，再增加一个设置颜色的逻辑
在这里插入图片描述
接着就是设置格挡和暴击的显示和颜色
在这里插入图片描述
最后，设置播放动画
在这里插入图片描述
以下是完整的蓝图结构
在这里插入图片描述
到这里，我们的用户控件的修改就完成了。

测试

接下来，我们还需要修改一些东西，就是设置伤害的组件里，将线连上
在这里插入图片描述
工作就大功告成

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

ps：由于我们的受击技能是每个Avatar只实例化一个，如果在受击状态再次触发受击，它会接着播放原来的受击，不会重写播放，所以，我们需要在设置受击那里，应用受击前，先取消之前的受击，在尝试激活新的受击
在这里插入图片描述

暮志未晚NAN
关注
  • 7
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
UE4 蓝图制作伤害数值
qq_51654332的博客
08-14 1258
就会显示攻击伤害数值了。
48. UE5 RPG 实现攻击伤害数字显示
现在学习也不晚
05-09 1165
在前面的文章中，我们实现了对敌人的攻击的受击效果，并且能够降低目标的血量，实现死亡效果。相对于正常的游戏，我们还需要实现技能或者攻击对敌人造成的伤害数值，并直观的显示出来。所以，接下来，我们要实现一个用户控件，来设置伤害数值的UI表现。并且我们还需要一个用户控件的组件来修改伤害UI显示的数值。在创建完成这些以后，我们还需要实现从AttributeSet里面实现在目标位置（也就是受到伤害的角色位置）创建组件，并实现在每个客户端上面显示数值。
UE5 伤害数字跳出
weixin_56537692的博客
01-15 559
播放动画，K透明度，文本位置。3.在位置处创建组件实例。1.创建一个控件蓝图。2.创建一个控件组件。
47. UE5 RPG 实现角色死亡效果
现在学习也不晚
05-07 1305
在上一篇文章中，我们实现了敌人受到攻击后会播放受击动画，并且还给角色设置了受击标签。并在角色受击时，在角色身上挂上受击标签，在c++里，如果挂载了此标签，速度将降为0。受击有了，接下来我们将实现角色的死亡逻辑，角色血量为0或者小于0时，我们将触发它的死亡功能。
Unity 游戏飘字(伤害、状态等)
RocketJ的博客
08-11 5233
3d游戏中，角色或敌人受到伤害或者BUFF等处理需要特效，还需要飘字。下面将使用Unity预设来做飘字效果。 1、创建prefab（可以创建多种），以伤害为例： 2、飘字管理器： using System.Collections; using System.Collections.Generic; using UnityEngine; using DG.Tweening; public class FloatTextManager : MonoBehaviour { private stat
80. UE5 RPG 实现UI显示技能冷却进度功能
现在学习也不晚
07-12 991
在上一篇文章里，我们实现了通过GE给技能增加资源消耗和技能冷却功能。UI也能够显示角色能够使用的技能的UI，现在还有一个问题，我们希望在技能释放进去冷却时，技能变成灰色，并在技能冷却完成，技能可以再次使用。为了实现这个功能，我们首先要实现一个能够监听技能进入冷却的方法，然后在技能被使用后，将UI的颜色修改，并在技能冷却完成后，将技能UI恢复到可释放状态。
8. UE5 RPG创建UI（上）
现在学习也不晚
01-22 1750
上面这些我们主要实现了制作用户控件，并且能够在用户控件里面直接获取到控制器层，后续可以通过控制器层直接获取数据进行数据更新。具体实现过程：在创建玩家控制角色过程中，初始化完成技能系统后，去调用HUD的InitOverlay()函数，来实现用户组件控制器层的初始化。InitOverlay()中将实现对用户控件和用户控件控制器层的实例化，并将UI添加到屏幕中。
82. UE5 RPG 实现角色升级系统（下）
现在学习也不晚
07-20 660
书接上回，在上一篇博客里，我们实现了角色升级的基础的功能。给敌人增加的经验奖励配置，并且在敌人死亡时，能够将经验通过事件传递给击杀者，玩家定义了被动技能，在被动技能中接收传递的事件，通过SetByCaller的GE应用给自身。并在AttributeSet中打印出获得的经验。我们还修改了PlayerState，在内部增加了对经验和等级添改查的，并创建对应的委托，在UI的Controller里面，实现了对委托的监听，并实现回调函数，通过经验获取等级和升级进度广播给UI表现出来。
78. UE5 RPG 创建技能数据并初始化技能ui
现在学习也不晚
07-10 732
在上一篇文章里，我们创建了技能的UI，接下来，我们要考虑如何实现对技能UI的填充，肯定不能直接写死，需要有一些方法去实现技能的更新。我们期望能够创建一个技能数据，然后根据数据通过回调的方式实现数据的更新。为了实现这个功能，我们会先创建一个结构体，用于存储技能的相关数据（Tag，使用的图片等），然后创建一个DataAsset，然后创建回调函数，在注册技能的时候，将技能相关的数据广播出去，在UI里接受，更新UI显示。
独立游戏《星尘异变》UE5 C++程序开发日志6——实现存档和基础设置系统
ashbringer233的博客
07-17 1257
一、存档类 1.创建一个SaveGame类 2.存储关卡内数据 3.加载关卡数据 4.关于定时器 5.存储全局数据 6.加载全局数据 二、存档栏 1.存档栏的数据结构 2.创建新存档 3.覆盖已有存档 4.删除存档 三、游戏的基础设置 1.存储游戏设置的数据结构 2.初始化设置 3.修改设置 本篇日志将会介绍如何实现一个模拟经营游戏中的存档系统以及能够调整游戏画质分辨率等的游戏设置菜单，
【UE5.1】NPC人工智能——03 NPC跨障碍移动
ChaoChao66666的博客
07-19 380
​ 在上一篇中（【UE5.1】NPC人工智能——02 NPC移动到指定位置）我们已经实现了NPC向指定位置或Actor移动的功能，但是如果NPC移动路线上有障碍则无法绕过障碍移动，为了解决这个问题，本篇文章介绍使用导航数据让NPC跨障碍移动。 ​
UE5 C++在Cesium上给定一个坐标垂直地面射线正交的地形高度
最新发布
m0_64217692的博客
07-21 69
方法二. 在某个目标，上空射线得到位置。UE5的TransformLongitudeLatitudeHeightPositionToUnreal的支持double，UE4的可能需要改一下Cesium源码，核心逻辑如下，Pitch为-90.，俯仰向下。射线从自身射到 自身前方50000000cm,返回的FHitResult里面可以拿到距离。自身的高度-距离就是地面高度。一.方法一：需要一个Actor里，向下垂直射线。自身高度-射线距离。
独立游戏《星尘异变》UE5 C++程序开发日志5——实现物流系统
ashbringer233的博客
07-17 876
一、路径计算 二、包裹 1.包裹的数据结构 2.包裹在场景中的运动 三、道路 1.道路的数据结构 2.道路的建造 3.道路的销毁 4.某个有道路连接的建筑被删除 作为一个工厂类模拟经营游戏，各个工厂之间的运输必不可少，本游戏采用的是按需进口的模式，工厂之间可以建立类似于传送带一样的直连道路，每个工厂根据自身当前缺少的所需物品，按照从近到远的顺序依次访问能够生产该物品的工厂，然后收到出口订单的工厂会发出包裹，沿着玩家建设的道路送达发出进口需求的工厂，玩家可以手动配置进出口清单，也就是工厂
独立游戏《星尘异变》UE5 C++程序开发日志7——实现加载界面
ashbringer233的博客
07-19 578
一、创建自定义AssetManager类 二、异步加载资产 三、加载界面UI的实现 1.UI布局 2.在打开关卡前和进入关卡后创建UI并统计进度 有时可能会遇到关卡已经进去但依然会卡顿一段时间的情况，所以我们需要在进入关卡后，玩家可以操作关卡之前，对关卡内的资产和一些重要的资产进行加载，同时为了尽可能加载完全进行一些伪加载，加载界面效果如下
81. UE5 RPG 实现角色升级系统（上）
现在学习也不晚
07-18 752
在这一篇文章里面，记录一下实现角色升级系统的笔记。接下来，解释一下我们要实现的方式，我们将记录角色的总经验值，在角色的经验增长达到升级经验时，角色将实现升级，并提供升级奖励。这里比较注意的点是，我们创建一个升级经验数据资产，里面记录的每一级的升级条件不是当前等级升级所需经验，而是记录的角色升级所需的总经验值。比如：角色默认等级为1，升级为2级时需要300经验值，数据里记录的是升级所需为300经验。
【UE5】可反射的射线检测
ChaoChao66666的博客
07-21 145
一、准备射线 二、生成第一次反射后的射线 三、多次反射 四、通过循环进行多次反射
ue5 使用动画蒙太奇，混合上半身持枪姿势
sunflower_2020的博客
07-20 161
ue5 使用动画蒙太奇
ue5点击actor显示ui
12-30
在UE5中，想要通过点击一个Actor显示UI，可以按照以下步骤进行： 1. 首先，创建一个用户界面（UI）并设计其内容。可以使用UE5提供的UI编辑器创建UI，也可以导入自定义的UI设计文件。 2. 在场景中创建一个Actor，并将其命名为需要显示UI的名称或按需求命名。 3. 在UE5的蓝图编辑器中打开该Actor的蓝图。 4. 在蓝图中添加一个鼠标点击事件的触发器，例如使用“OnClicked”事件。 5. 在点击事件的执行蓝图中，添加显示UI的逻辑。这可以通过使用“Create Widget”节点来创建UI控件，并设置为可见，或者可以使用“Add to Viewport”节点将UI控件添加到屏幕上。 6. 在点击事件蓝图中，添加逻辑来处理UI的关闭。可以通过在蓝图中添加一个关闭按钮，并将其与“Remove from Parent”节点连接，以移除UI控件。 7. 最后，保存并编译蓝图，并在场景中将该Actor放置到期望的位置。当点击该Actor时，相应的UI将显示在屏幕上。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值