UE5 虚幻引擎中UI、HUD和UMG的区别与联系

目录

  • [0 引言](#0 引言)
  • [1 UI 用户界面](#1 UI 用户界面)
  • [2 HUD 用户界面](#2 HUD 用户界面)
  • [3 UMG](#3 UMG)
  • [4 总结](#4 总结)
  • 🙋‍♂️ 作者:海码007
  • 📜 专栏:UE虚幻引擎专栏
  • 💥 标题:UE5 虚幻引擎中UI、HUD和UMG的区别与联系
  • ❣️ 寄语:加油,一次专注一件事!
  • 🎈 最后:文章作者技术和水平有限,如果文中出现错误,希望大家能指正,同时有问题的话,欢迎大家留言讨论。

0 引言

💥在学习虚幻引擎的用户界面时,经常会遇到这三个名词。但是总是比较模糊,所以今天来对这三个概念进行比较总结。
在UE5中,UI (用户界面)、HUD (头部显示器)和UMG (虚幻蓝图界面系统)是与用户交互和显示信息相关的概念,它们在游戏开发中有不同的作用和用途。
UI (用户界面) 和 HUD(头部显示器)是游戏向玩家提供游戏信息以及在某些情况下允许玩家与游戏互动的方式。游戏界面用于将信息传达给玩家,并提供了用于提示用户直接输入的方法。 游戏界面通常包含两个主要元素:头显(HUD)和菜单或用户界面(UI)。

1 UI 用户界面

UI(用户界面)是指游戏中所有与用户交互的元素和界面,包括菜单、按钮、文本、滑块等。UI负责接收用户的输入,显示游戏状态和信息,并提供交互操作的方式。在UE5中,UI通常是通过UMG来创建和管理的。

2 HUD 用户界面

HUD(头部显示器)是指在游戏中显示在玩家角色视角前方的信息层。HUD用于显示游戏状态、生命值、能量条、得分等重要信息,以及其他提示和效果,例如武器的准星。HUD通常是固定在屏幕上某个位置,不受游戏世界的影响。HUD通常是不可互动的,意味着玩家不能单击HUD的元素,因此 在HUD和用户界面难以分离的某些类型游戏中,这些元素会显示为灰色区域。

3 UMG

虚幻示意图形界面设计器(Unreal Motion Graphics UI Designer)(UMG) 是UE5中用于创建和管理UI的系统。UMG基于虚幻蓝图(Unreal Blueprints)系统,允许开发者使用图形化界面进行UI设计和交互逻辑的编写。UMG提供了一系列可用的控件和组件,例如按钮、文本框、滑块等,开发者可以通过拖拽和连接节点的方式来创建复杂的UI界面。UMG还支持动画效果、事件响应和UI的样式定义等功能。

4 总结

  • UI是指游戏中与用户交互的元素和界面,包括各种控件和交互操作方式。
  • HUD是显示在玩家角色视角前方的信息层,用于显示游戏状态和重要信息。
  • UMG是UE4中基于虚幻蓝图的UI系统,用于创建和管理UI界面,提供了可用的控件和交互逻辑编写的功能。
    在UE5中,通常使用UMG来创建UI界面,然后将其与HUD相关联,在游戏中显示和管理UI元素和交互。
相关推荐
每天回答3个问题2 天前
UE5C++编译遇到MSB3073
开发语言·c++·ue5
Yasin Chen2 天前
Unity UI坐标说明
ui·unity
眠りたいです3 天前
基于脚手架微服务的视频点播系统-数据管理与网络通信部分的预备工作
c++·qt·ui·微服务·云原生·架构·媒体
油炸自行车4 天前
【Qt】编写Qt自定义Ui控件步骤
开发语言·c++·qt·ui·自定义ui控件·qt4 自定义ui控件
平行云4 天前
赋能数字孪生:Paraverse平行云实时云渲染平台LarkXR,提供强大的API与SDK用于二次开发和深度集成
3d·unity·ue5·webgl·实时云渲染·云xr
IT古董4 天前
Vue + Vite + Element UI 实现动态主题切换:基于 :root + SCSS 变量的最佳实践
vue.js·ui·scss
yuanpan6 天前
认识跨平台UI框架Flutter和MAUI区别,如何选。
flutter·ui·maui
EndingCoder6 天前
Electron 高级 UI:集成 React 或 Vue.js
react.js·ui·electron·前端框架
我命由我123456 天前
Word - Word 的 5 种视图(页面视图、阅读视图、Web 版式视图、大纲视图、草稿视图)
ui·word·excel·photoshop·表格·ps·美工
CodingCos7 天前
【芯片设计-信号完整性 SI 学习 1.1.1 -- Unit Interval,比特周期】
学习·ui·si 比特周期