当前位置： 首页 > news >正文

105. UE5 GAS RPG 搭建主菜单

news 2025/12/28 21:33:58

在这一篇，我们将实现对打开游戏显示的主菜单进行搭建，主菜单将显示游戏主角，游戏名称和进入游戏和退出游戏两个按钮。

搭建菜单场景

我们将主菜单设置为一个单独的场景，前面可以显示对应的UI控件，用于玩家操作，后面可以显示一个场景，显示游戏的相关特色。
首先将我们之前的地牢场景复制一份
在这里插入图片描述
接着我们将游戏模式修改为无，之前的模式是战斗场景中使用的，我们不需要使用
在这里插入图片描述
直接将游戏模式重载设置为GameMode，如果设置为None，将使用默认的设置。
在这里插入图片描述
默认设置在项目设置中修改
在这里插入图片描述
接下来，我们创建一个用于显示玩家角色Actor，它只需要用于显示。
在这里插入图片描述
在蓝图内添加一个骨骼网格体用于显示角色
在这里插入图片描述
设置对应的资产和动画，角色直接使用动画资产播放动画即可。
在这里插入图片描述
在角色下面添加一个法杖和粒子系统
在这里插入图片描述
将粒子特效设置在固定位置
在这里插入图片描述
法杖添加对应的法杖模型，并且要设置附加的父节点位置，这样，法杖就可以直接显示在正确的位置。
在这里插入图片描述
正确效果如下
在这里插入图片描述
接着，我们在帧回调里，记录当前actor的执行时间，用于后续修改火球漂浮的效果
在这里插入图片描述
我们在曲线查看器里可以看到，正弦会在1到-1之间进行徘徊，我们可以以此值来设置
在这里插入图片描述
在蓝图事件开始执行时，我们将火球的默认位置存储下来
在这里插入图片描述
在帧回调里，通过sin转换到-1到1的范围值，然后通过一个值缩放此值，去修改火球世界场景的z坐标，火球就可以实现上下浮动的效果。
在这里插入图片描述
接着，我们在蓝图里添加一个贴花，来模拟角色头后面的魔法光环效果，我们设置在角色身后
在这里插入图片描述
然后在帧回调，给角色的x轴旋转添加一个旋转值，让魔法光环旋转起来。
在这里插入图片描述
效果如下。
在这里插入图片描述

创建主菜单UI

接着，我们创建主菜单的UI，单独创建一个MainMenu的文件夹，里面放置菜单场景的资源，将之前的Actor也放入其中。
在这里插入图片描述
在里面创建一个用户控件，用来设置游戏名称
在这里插入图片描述
在控件里，添加了一个覆层，覆层下面添加一个文本用于显示标题
在这里插入图片描述
在标题内填写相应的文字，效果如下
在这里插入图片描述
字体设置如下
在这里插入图片描述
接着，我们在蓝图里添加一个控件组件
在这里插入图片描述
设置在场景里显示我们创建的组件
在这里插入图片描述
调整好位置，在运行时，刚好不被角色挡住，这里大家可以自己随意发挥。当然，我还是喜欢用UI去显示游戏名称，那样更清晰一些，仁者见仁，智者见智吧。
在这里插入图片描述
接着，在蓝图运行时，播放一个背景音乐
在这里插入图片描述
音乐记得设置为循环，如果在当前场景，音乐会一直播放下去。
在这里插入图片描述

添加主界面UI

我们在ui上面添加标题以及进入游戏和退出游戏两个按钮。
我们创建一个新的用户控件，在里面添加一个canvas，在下面添加一个文本显示标题，然后添加两个宽按钮用来设置进入和退出游戏。
在这里插入图片描述
稍微调整后，效果如下
在这里插入图片描述
我们要找个地方执行它，刚好在之前的actor蓝图里，事件开始时，执行创建用户控件添加到视口
在这里插入图片描述
打开主菜单后，我们不需要鼠标操控场景，只需要对UI产生输入操作，并显示鼠标。
在这里插入图片描述

最后运行查看效果
在这里插入图片描述

绑定进入和退出游戏事件

这一篇文章的最后，我们复制一个新场景，作为进入游戏后使用的场景
在这里插入图片描述
新场景，我们将蓝图删除，这里不需要使用主菜单的蓝图。
在这里插入图片描述
接着，我们在主菜单的用户控件里绑定ui上的退出按钮回调，在回调里设置游戏退出事件
在这里插入图片描述
在进入游戏按钮，我们在事件回调里设置打开新关卡，可以将其设置为一个变量，也可以直接在节点上设置。
在这里插入图片描述
运行测试效果即可。

相关文章：

105. UE5 GAS RPG 搭建主菜单

在这一篇，我们将实现对打开游戏显示的主菜单进行搭建，主菜单将显示游戏主角，游戏名称和进入游戏和退出游戏两个按钮。 搭建菜单场景 我们将主菜单设置为一个单独的场景，前面可以显示对应的UI控件，用于玩家操作&#…...

编程日记 2024/11/6 5:56:28

基于 JAVASSM（Java + Spring + Spring MVC + MyBatis）框架开发一个医院挂号系统

基于 JAVASSM（Java Spring Spring MVC MyBatis）框架开发一个医院挂号系统是一个实用的项目。 步骤一：需求分析 明确系统需要实现的功能，比如： 用户注册和登录查看医生列表预约挂号查看预约记录取消预约管理员管…...

编程日记 2024/11/6 5:55:27

Golang | Leetcode Golang题解之第540题有序数组中的单一元素

题目&#xff1a; 题解&#xff1a; func singleNonDuplicate(nums []int) int {low, high : 0, len(nums)-1for low < high {mid : low (high-low)/2mid - mid & 1if nums[mid] nums[mid1] {low mid 2} else {high mid}}return nums[low] }...

编程日记 2024/11/6 5:54:25

影刀RPA实战：嵌入python，如虎添翼

1. 影刀RPA与Python的关系 影刀RPA与Python的关系可以从以下几个方面来理解&#xff1a; 技术互补&#xff1a;影刀RPA是一种自动化工具&#xff0c;它允许用户通过图形化界面创建自动化流程&#xff0c;而Python是一种编程语言&#xff0c;常用于编写自动化脚本。影刀RPA可以…...

编程日记 2024/11/6 5:53:25

es 数据清理delete_by_query

POST /索引名/_delete_by_query?conflictsproceed&scroll_size2000&wait_for_completionfalse&slices36 {"size": 2000, "query": {"bool": { "must": [{"terms": {"rule_id": [800007]}}]}} }slice…...

编程日记 2024/11/6 5:52:24

【每日 C/C++ 问题】

一、C 中类的三大特性是什么&#xff1f;请简要解释。 封装、继承、多态 封装&#xff1a;将事物的属性&#xff08;成员变量&#xff09;和行为&#xff08;成员函数&#xff09;封装在一起形成一个类。并且可以设置相应的访问权限&#xff08;私有的 受保护的 公有的&#…...

编程日记 2024/11/6 5:47:19

stm32学习4

学习目录 一.流水灯1.创建文件2.编写相关代码 一.流水灯 1.创建文件 将方法进行分类保存在不同的 .c 文件中&#xff0c;方便复用和寻找&#xff1b; 创建Hardware\LED文件&#xff0c;其中有led.c和led.h文件&#xff0c;用于存放有关LED灯操作的方法&#xff1b; 在User文…...

编程日记 2024/11/6 5:45:17

Midjourney国内直登

Midjourney确实是一个强大的AI绘画工具&#xff0c;能够根据用户输入的文本生成高质量的图像。然而&#xff0c;由于国内的网络限制&#xff0c;直接访问Midjourney可能会遇到障碍。 目前&#xff0c;已经有一些国内代理或中转平台可以帮助用户更方便地使用Midjourney&#xf…...

编程日记 2024/11/6 5:44:15

【双目视觉标定】——3面结构光相机标定实践（获取相机内参）~未完待续

相机标定基本原理及双目相机内参解析 相机标定是计算机视觉中的一个重要步骤&#xff0c;旨在确定相机的内部和外部参数&#xff0c;以便在图像处理中进行准确的三维重建、物体识别等任务。本文将重点讲解双目相机的内参和外参原理&#xff0c;并结合实际参数进行分析。 一、…...

编程日记 2024/11/6 5:41:09

Python常用脚本集锦

收集了一些常用Python脚本&#xff0c;作为平时练手使用&#xff0c;也可以作为自己的笔记&#xff0c;用到哪个功能可以自己查询一下即可。 文件和目录管理 复制文件 import shutil# 复制源文件到目标文件 shutil.copy(source.txt, destination.txt)移动文件 import shuti…...

编程日记 2024/11/6 5:39:07

MacBook 如何设置打开json格式文件的默认程序是vs code

首先右键选中文件&#xff0c;然后选中显示简介 然后选中打开方式 设置成vs code...

编程日记 2024/11/6 5:38:07

如何在 Spring Boot 中实现多数据源的事务管理？

在 Spring Boot 中实现多数据源的事务管理可以通过以下几种方式&#xff1a; 一、使用编程式事务管理 配置多个数据源 如同前面提到的&#xff0c;在 application.properties 或 application.yml 文件中配置多个数据源的连接信息&#xff0c;并创建对应的数据源 bean。 手动开启…...

编程日记 2024/11/6 5:36:05

SQL 常用更新操作

目录 1. 从一个查询结果中获取数据批量更新一张表 1. 从一个查询结果中获取数据批量更新一张表 更新table_a中所有id在tmp查询结果中的name值 UPDATE table_a a SET a.name tmp.name FROM (SELECT id, name FROM table_b) tmp WHERE a.id tmp.id;UPDATE table_a a JOIN (SE…...

编程日记 2024/11/6 5:35:04

Android camera2

一、序言 为了对阶段性的知识积累、方便以后调查问题&#xff0c;特做此文档&#xff01; 将以camera app 使用camera2 api进行分析。 (1)、打开相机 openCamera (2)、创建会话 createCaptureSession (3)、开始预览 setRepeatingRequest (4)、停止预览 stopRepeating (5)、关闭…...

编程日记 2024/11/6 5:34:02

nginx监控指标有哪些

Nginx 的监控指标可以帮助你了解服务器的性能、资源使用以及运行状态。下面是一些常见的 Nginx 监控指标&#xff0c;涵盖了访问、性能、资源使用等多个方面&#xff1a; 1. 访问量与请求处理 Active Connections&#xff08;活跃连接数&#xff09;&#xff1a;当前 Nginx 处…...

编程日记 2024/11/6 5:32:00

我谈正态分布——正态偏态

目录 pdf和cdf参数 标准正态分布期望和方差分布形态 3 σ 3\sigma 3σ原则 正态和偏态正态偏态瑞利分布偏度 (Skewness)峰度 (Kurtosis) 比较 正态分布的英文是Normal Distribution&#xff0c;normal是“正常”或“标准”的意思&#xff0c;中文翻译是正态&#xff0c;多完美的…...

编程日记 2024/11/6 5:30:59

如何使用uniswap v2 获取两个代币的交易对池子

在 Uniswap V2 中，获取两个代币的交易对池子（即 pair）可以通过以下步骤实现： 连接到 Uniswap V2 的合约：你需要与 Uniswap V2 的 Factory 合约进行交互，通过该合约来查找代币交易对。 获取交易对地址：Uniswap V2 Factory 合约提供了一个 getPair 函数，可以通过该函数查…...

编程日记 2024/11/6 5:28:57

CSS中常见的两列布局、三列布局、百分比和多行多列布局！

目录 一、两列布局 1、前言&#xff1a; 2. 两列布局的常见用法 两列布局的元素示例&#xff1a; 代码运行后如下&#xff1a; 二、三列布局 1.前言 2. 三列布局的常见用法 三列布局的元素示例&#xff1a; 代码运行后如下&#xff1a; 三、多行多列 1.前言 2&…...

编程日记 2024/11/6 5:27:56

GaussDB Ustore存储引擎解读

目录 一、数据库存储引擎 二、GaussDB Ustore存储引擎 总结 本文将介绍GaussDB中的Ustore存储引擎&#xff0c;包括Ustore的设计背景、特点介绍和适用业务场景等。 一、数据库存储引擎 数据库的存储引擎负责在内存和磁盘上存储、检索和管理数据&#xff0c;确保每个节点的…...

编程日记 2024/11/6 5:26:56

JAVA基础：数组 （习题笔记）

一&#xff0c;编码题 1&#xff0c;数组查找操作&#xff1a;定义一个长度为10 的一维字符串数组&#xff0c;在每一个元素存放一个单词&#xff1b;然后运行时从命令行输入一个单词&#xff0c;程序判断数组是否包含有这个单词&#xff0c;包含这个单词就打印出“Yes”&…...

编程日记 2024/11/6 5:23:52

浏览器访问 AWS ECS 上部署的 Docker 容器（监听 80 端口）

✅ 一、ECS 服务配置 Dockerfile 确保监听 80 端口 EXPOSE 80 CMD ["nginx", "-g", "daemon off;"]或 EXPOSE 80 CMD ["python3", "-m", "http.server", "80"]任务定义&#xff08;Task Definition&…...

编程新知 2025/12/28 8:35:17

深度学习在微纳光子学中的应用

深度学习在微纳光子学中的主要应用方向 深度学习与微纳光子学的结合主要集中在以下几个方向&#xff1a; 逆向设计 通过神经网络快速预测微纳结构的光学响应&#xff0c;替代传统耗时的数值模拟方法。例如设计超表面、光子晶体等结构。 特征提取与优化 从复杂的光学数据中自…...

编程新知 2025/12/28 7:24:23

Chapter03-Authentication vulnerabilities

文章目录 1. 身份验证简介1.1 What is authentication1.2 difference between authentication and authorization1.3 身份验证机制失效的原因1.4 身份验证机制失效的影响 2. 基于登录功能的漏洞2.1 密码爆破2.2 用户名枚举2.3 有缺陷的暴力破解防护2.3.1 如果用户登录尝试失败次…...

编程新知 2025/12/28 4:23:22

多模态2025：技术路线“神仙打架”，视频生成冲上云霄

文&#xff5c;魏琳华 编&#xff5c;王一粟 一场大会&#xff0c;聚集了中国多模态大模型的“半壁江山”。 智源大会2025为期两天的论坛中&#xff0c;汇集了学界、创业公司和大厂等三方的热门选手&#xff0c;关于多模态的集中讨论达到了前所未有的热度。其中&#xff0c;…...

编程新知 2025/12/25 14:51:57

从零实现富文本编辑器#5-编辑器选区模型的状态结构表达

先前我们总结了浏览器选区模型的交互策略&#xff0c;并且实现了基本的选区操作&#xff0c;还调研了自绘选区的实现。那么相对的&#xff0c;我们还需要设计编辑器的选区表达&#xff0c;也可以称为模型选区。编辑器中应用变更时的操作范围&#xff0c;就是以模型选区为基准来…...

编程新知 2025/9/5 17:56:03

FastAPI 教程：从入门到实践

FastAPI 是一个现代、快速&#xff08;高性能&#xff09;的 Web 框架&#xff0c;用于构建 API&#xff0c;支持 Python 3.6。它基于标准 Python 类型提示&#xff0c;易于学习且功能强大。以下是一个完整的 FastAPI 入门教程&#xff0c;涵盖从环境搭建到创建并运行一个简单的…...

编程新知 2025/10/16 7:51:26

1688商品列表API与其他数据源的对接思路

将1688商品列表API与其他数据源对接时&#xff0c;需结合业务场景设计数据流转链路&#xff0c;重点关注数据格式兼容性、接口调用频率控制及数据一致性维护。以下是具体对接思路及关键技术点&#xff1a; 一、核心对接场景与目标 商品数据同步 场景&#xff1a;将1688商品信息…...

编程新知 2025/11/30 16:55:32

Cloudflare 从 Nginx 到 Pingora：性能、效率与安全的全面升级

在互联网的快速发展中&#xff0c;高性能、高效率和高安全性的网络服务成为了各大互联网基础设施提供商的核心追求。Cloudflare 作为全球领先的互联网安全和基础设施公司&#xff0c;近期做出了一个重大技术决策&#xff1a;弃用长期使用的 Nginx&#xff0c;转而采用其内部开发…...

编程新知 2025/12/18 18:46:20

【OSG学习笔记】Day 16: 骨骼动画与蒙皮（osgAnimation）

骨骼动画基础 骨骼动画是 3D 计算机图形中常用的技术&#xff0c;它通过以下两个主要组件实现角色动画。 骨骼系统 (Skeleton)&#xff1a;由层级结构的骨头组成&#xff0c;类似于人体骨骼蒙皮 (Mesh Skinning)&#xff1a;将模型网格顶点绑定到骨骼上&#xff0c;使骨骼移动…...

编程新知 2025/12/13 2:58:08

让AI看见世界：MCP协议与服务器的工作原理

让AI看见世界&#xff1a;MCP协议与服务器的工作原理 MCP&#xff08;Model Context Protocol&#xff09;是一种创新的通信协议&#xff0c;旨在让大型语言模型能够安全、高效地与外部资源进行交互。在AI技术快速发展的今天&#xff0c;MCP正成为连接AI与现实世界的重要桥梁。…...

编程新知 2025/12/12 7:41:41