【游戏编程扯淡精粹】HUD 与 Panel 的区别

2023-10-29 04:40

本文主要是介绍【游戏编程扯淡精粹】HUD 与 Panel 的区别,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

【游戏编程扯淡精粹】HUD 与 Panel 的区别

文章目录

  • 【游戏编程扯淡精粹】HUD 与 Panel 的区别
    • What is HUD?
    • What is Panel?
    • 下面这些是 HUD 还是 Panel?
    • Why?
    • #1 侵入式界面与沉浸感
    • #2 输入控制与界面导航
    • #3 界面深度和界面栈
    • #4 游戏类型和玩家操作实时性
    • #5 玩家体验与时间观

本文主要指游戏中的界面

What is HUD?

抬头显示器,游戏里有时也称为覆层(Overlay),3D 场景上面再覆盖一层 2D 的界面显示信息

Head-up display - Wikipedia

HUD 最早来自飞行辅助驾驶,即下图中的玻璃板

在这里插入图片描述

What is Panel?

一般意义的界面,和 App 界面差不多

Panel (computer software) - Wikipedia

下图是 Prey 的技能加点界面

在这里插入图片描述

下面这些是 HUD 还是 Panel?

Loot

在这里插入图片描述

Inventory

在这里插入图片描述

Loot

在这里插入图片描述

小地图

在这里插入图片描述

大地图

在这里插入图片描述

Why?

其实从纯引擎程序的角度,HUD 和 Panel 并没有区别,都是 2D UI,一样构造控件树进行布局和渲染

以我不太多的开发经验,有一天我发现我好像不太能区分我现在在做的是一个 HUD 还是一个 Panel,所以。。

#1 侵入式界面与沉浸感

常驻 HUD 会占据屏幕的一部分面积,挡住 3D 场景

如果界面屏占比很高,花里胡哨的会降低沉浸感

HUD 要做到需要可视化一些关键元素,而过于侵入式的复杂信息要放到 Panel 中


HUD on

在这里插入图片描述

HUD off

在这里插入图片描述

#2 输入控制与界面导航

HUD 可操作交互的数量是有限的,因为按键是有限的,你还需要大部分按键用来操作 3D 游戏

实际上,大部分 HUD 并没有分配输入控制

没有输入的 HUD 分两种,常驻 HUD 显示玩家状态,比如血量,小地图;

在这里插入图片描述

非常驻 HUD 暗示游戏事件触发,比如播报

在这里插入图片描述

输入导航,简单来说,就是鼠标 Cursor,和手柄上下左右十字键,以及摇杆

HUD 不需要导航,Panel 需要导航

因为导航的输入控制和游戏 3D 操作是冲突的,比如角色移动和视角移动

所以需要按下 Esc 呼出 Panel,暂停游戏的 3D 部分操作,把控制权交给 Panel 进行操作

不过有例外情况,本质上是 Contextual Input,在一定状态下,可以把部分输入控制移交给 HUD 导航

比如 Prey 里 Loot 的时候,可以用十字键导航 Loot Container 里的 Slot,而离开 Loot 范围,退出 Loot 状态,十字键又是一般的快捷键了

在这里插入图片描述

#3 界面深度和界面栈

HUD 只有一层,Panel 可以嵌套成界面栈,按 Esc 一层层返回

写过类似 Panel Manager 的想必更加深刻理解

#4 游戏类型和玩家操作实时性

比如 PUBG 吃鸡,线上多人射击竞技,实时性高,所以 HUD 比重多一些,尽量减少玩家“暂停”游戏操作界面的机会

比如文明5,策略经营,下棋类,Panel 比重多一些,慢慢看,慢慢想,也不着急,每走一步都可以暂停

#5 玩家体验与时间观

玩家使用这个界面元素时,体验的哪种时间观?下面给出一些关键字:

  • 过去:成长感、成就感、完成感、自豪感、参与感、进步感。
  • 现在:紧急情况、反应、微观决策、生存、战术。
  • 未来:发展、投资、延迟奖励、掌握、策略。

其实和前面提到的实时性有一些交集

HUD 强调当前状态,当前发生了什么事情

Panel 则强调过去和未来,之前已经做了什么,接下来要怎么规划

在这里插入图片描述

这篇关于【游戏编程扯淡精粹】HUD 与 Panel 的区别的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/298299

相关文章

PyCharm接入DeepSeek实现AI编程的操作流程

《PyCharm接入DeepSeek实现AI编程的操作流程》DeepSeek是一家专注于人工智能技术研发的公司,致力于开发高性能、低成本的AI模型,接下来,我们把DeepSeek接入到PyCharm中... 目录引言效果演示创建API key在PyCharm中下载Continue插件配置Continue引言

2.1/5.1和7.1声道系统有什么区别? 音频声道的专业知识科普

《2.1/5.1和7.1声道系统有什么区别?音频声道的专业知识科普》当设置环绕声系统时,会遇到2.1、5.1、7.1、7.1.2、9.1等数字,当一遍又一遍地看到它们时,可能想知道它们是什... 想要把智能电视自带的音响升级成专业级的家庭影院系统吗?那么你将面临一个重要的选择——使用 2.1、5.1 还是

Python中@classmethod和@staticmethod的区别

《Python中@classmethod和@staticmethod的区别》本文主要介绍了Python中@classmethod和@staticmethod的区别,文中通过示例代码介绍的非常详细,对大... 目录1.@classmethod2.@staticmethod3.例子1.@classmethod

Golan中 new() 、 make() 和简短声明符的区别和使用

《Golan中new()、make()和简短声明符的区别和使用》Go语言中的new()、make()和简短声明符的区别和使用,new()用于分配内存并返回指针,make()用于初始化切片、映射... 详细介绍golang的new() 、 make() 和简短声明符的区别和使用。文章目录 `new()`

Python中json文件和jsonl文件的区别小结

《Python中json文件和jsonl文件的区别小结》本文主要介绍了JSON和JSONL两种文件格式的区别,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下... 众所周知,jsON 文件是使用php JSON(JavaScripythonpt Object No

结构体和联合体的区别及说明

《结构体和联合体的区别及说明》文章主要介绍了C语言中的结构体和联合体,结构体是一种自定义的复合数据类型,可以包含多个成员,每个成员可以是不同的数据类型,联合体是一种特殊的数据结构,可以在内存中共享同一... 目录结构体和联合体的区别1. 结构体(Struct)2. 联合体(Union)3. 联合体与结构体的

什么是 Ubuntu LTS?Ubuntu LTS和普通版本区别对比

《什么是UbuntuLTS?UbuntuLTS和普通版本区别对比》UbuntuLTS是Ubuntu操作系统的一个特殊版本,旨在提供更长时间的支持和稳定性,与常规的Ubuntu版本相比,LTS版... 如果你正打算安装 Ubuntu 系统,可能会被「LTS 版本」和「普通版本」给搞得一头雾水吧?尤其是对于刚入

python中json.dumps和json.dump区别

《python中json.dumps和json.dump区别》json.dumps将Python对象序列化为JSON字符串,json.dump直接将Python对象序列化写入文件,本文就来介绍一下两个... 目录1、json.dumps和json.dump的区别2、使用 json.dumps() 然后写入文

C#反射编程之GetConstructor()方法解读

《C#反射编程之GetConstructor()方法解读》C#中Type类的GetConstructor()方法用于获取指定类型的构造函数,该方法有多个重载版本,可以根据不同的参数获取不同特性的构造函... 目录C# GetConstructor()方法有4个重载以GetConstructor(Type[]

Python开发围棋游戏的实例代码(实现全部功能)

《Python开发围棋游戏的实例代码(实现全部功能)》围棋是一种古老而复杂的策略棋类游戏,起源于中国,已有超过2500年的历史,本文介绍了如何用Python开发一个简单的围棋游戏,实例代码涵盖了游戏的... 目录1. 围棋游戏概述1.1 游戏规则1.2 游戏设计思路2. 环境准备3. 创建棋盘3.1 棋盘类