UE4_控件蓝图_制作3D生命血条

news/2024/12/17 19:51:41/

一:效果图如下:

二、实现步骤:

1、新建敌人

右键蓝图类

选择角色,

重命名为BP_Enemytest。

双击打开,配置敌人网格体

修改位置及朝向

效果如下:

选择合适的动画蓝图类:

人物就有了动作:

2、创建血量变量

编译之后,给它个默认值100.

3、创建控件蓝图类

新建控件蓝图,更名为WB_HealthBar,

双击打开编辑,拖拽进度条到画布中,

设置锚点居中

居中效果如下:

再设置进度条的位置、尺寸及对齐:

效果如下图:

设置下外观和填充颜色:

设置下进度百分比:

效果如下图:

重命名,勾选是变量

编译并保存。

4、给角色添加血条

添加控件组件,并更名。

细节面板中控件类选择WB_HealthBar

效果:

调整位置及大小。

5、设置角色事件图表

获取控件组件使用的控件

检测一下是不是我们的WB_HealthBar

获取变量进度条

设置进度条的百分比

用角色中新建的变量除以100来为控件的进度条百分比赋值

5、编译并保存,把角色拖入场景中

6、添加角色始终朝向摄像机效果,

当我们把用户界面的空间设置为屏幕的时候,

ui始终会在屏幕前面,效果如下图:

我们要选择为场景及world,这样控件在场景中被渲染为网格体,其能够像场景中的其他网格体一样被遮挡。

我们进入角色的事件图表,把控件拖入图表,设置它的场景旋转,我们需要实时根据摄像机的位置来设置控件旋转的角度,使用寻找查看旋转(find look at rotation)蓝图节点,起始点为控件的场景位置,结束点为摄像机的位置:

效果如下图:


http://www.ppmy.cn/news/1555938.html

相关文章

深入了解IPv6——光猫相关设定:DNS来源、DHCPv6服务、前缀来源等

光猫IPv6设置后的效果对比图: 修改前: 修改后: 一、DNS来源 1. 网络连接 来源: 从上游网络(如运营商)获取 IPv6 DNS 信息,通过 PPPoE 或 DHCPv6 下发。 特点: DNS 服务器地址直…

Linux中vim常用命令详解

文章目录 Linux中vim常用命令详解一、引言二、Vim的工作模式1、命令模式1.1、常用命令 2、输入模式3、底线命令模式 三、文本编辑1、移动命令2、编辑操作3、撤销与重做 四、使用示例1、查找与替换2、多文件编辑 五、总结 Linux中vim常用命令详解 一、引言 Vim 是 Linux 系统中…

[openGauss 学废系列]- openGauss学习笔记整理 - 熟练掌握gsql工具的使用

一、学习目标 这节课是本次实训第二节课程,本次课的重点是熟练掌握gsql工具的使用。熟悉Oracle的人可能都很熟悉sqlplus工具,gsql类似于Oracle的sqlplus,gsql是openGauss数据库提供的在命令行下连接数据库的工具,可通过gsql工具连…

【AIStarter】告别复杂转换 - MinerU整合包实现PDF到Markdown的无缝转变

在数字化时代,信息的传递与共享变得愈发重要。文档格式之间的转换成为了日常工作中不可或缺的一部分。为了满足用户对高效工作流程的需求,新版MinerU整合包应运而生,它不仅简化了从PDF到Markdown的转换过程,还为用户带来了前所未有…

【Linux网络】网络基础:传输层UDP/TCP协议(一)

📝个人主页🌹:Eternity._ ⏩收录专栏⏪:Linux “ 登神长阶 ” 🌹🌹期待您的关注 🌹🌹 ❀ 传输层UDP/TCP协议 📒端口号📜UDP协议UDP协议端格式UDP的特点UDP的缓…

【后端面试总结】什么是CAP原理

CAP原理是分布式系统设计中的一个重要理论,最早由Eric Brewer在2000年提出,后来由Nancy Lynch等人进行了证明。CAP原理中的“CAP”分别指的是一致性(Consistency)、可用性(Availability)和分区容错性&#…

(笔记)解决select下拉框默认选中selected属性不起作用问题

在 vue3 中使用 HTML原生开发,想给 select 下拉框选中 selected 属性不起作用。这是因为 vue3中使用了 Composition API(组合式 api),而 Composition API 中的响应式数据是独立的,不会自动更新到 DOM 中。可以使用 v-m…

通过 css 渲染一个如图所示的晶格状画布背景

<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title><style>/* 一个晶格状…