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元素和交互。
相关推荐
Oll Correct7 小时前
Adobe illustrator 案例十四:花元素标志草图绘制
笔记·ui·adobe·illustrator
mengzhi啊2 天前
UE5 沙漠添加植物,然后在湖泊游泳。关键词:湖泊使用蓝图的重叠事件,湖泊的碰撞偏移。所有的物体都可以使用蓝图来使用它
ue5
huaqianzkh2 天前
WinForm C#:循环修改控件UI闪烁卡顿?SuspendLayout / ResumeLayout 与 BeginUpdate 优化
开发语言·ui·c#
Oll Correct2 天前
Adobe illustrator 案例十三:adidas标志草图绘制
笔记·ui·adobe·illustrator
FungLeo3 天前
成为全栈·Vue 管理后台篇·Vue3 + Vite + Naive UI:后台工程基座怎么搭
前端·vue.js·ui·typescript·vite·前端工程化·biome
敲上瘾4 天前
Qt Widgets入门:项目模板解析与Hello World
开发语言·数据库·c++·qt·ui·qt6.3
Oll Correct5 天前
Adobe illustrator 案例十二:视频播放(Media & Video)图标绘制
笔记·ui·adobe·illustrator
行者-全栈开发5 天前
【鸿蒙心迹】国际化 i18n 与多语言资源管理实战(HarmonyOS 7.x)
ui·华为·重构·国际化·harmonyos·多语言
寂寞的船6 天前
【Unity知识速递】第5期 Unity 6.2 深度解析:AI Assistant 登场,World Space UI 与 Sentis 全面升级
人工智能·ui·unity
秋名山小白6 天前
Playwright UI 自动化测试实战教程
python·ui