欢迎光临散文网 会员登陆 & 注册

【虚幻插件】异步加载界面插件Async Loading Screen

2023-09-13 15:15 作者:古清泉-David  | 我要投稿


异步加载插件免费

主要功能:

加载新关卡时的界面显示

界面提供背景、视频等可配置显示

界面提供tips提示控件

具体可到官方github https://github.com/truong-bui/AsyncLoadingScreen#how-it-works

以下是官方文档(翻译后)-非常简单的配置与使用。

注意:加载界面只在独立游戏进程播放模式,否则编辑器中无法看到。


虚幻怎么安装插件-去自己百度下了,非常简单。这里不提了。

从下载异步加载屏幕市场并在插件中启用插件。

设置

您可以在中禁用/启用插件编辑→插件→项目/加载屏幕。您可以在项目设置中配置插件设置项目设置/游戏/异步加载屏幕.

体系结构

异步加载屏幕有四个主要组件:背景、加载窗口小部件、提示窗口小部件和布局。

背景

背景是一个静态图像,你可以添加许多你想要的图像,它会随机显示(除非手动设置显示背景选项已启用)。如果您只想显示电影而不是静态图像,请将其留空。

  • 背景设置:

提示部件

只是一些随机显示的有用文本(除非手动设置显示提示文本选项已启用)让玩家在等待新关卡加载时有东西可看。

  • 提示小部件设置:

正在加载小部件

这是插件最重要的组成部分,加载小部件让玩家知道游戏还在运行,没有冻结。

加载小部件有两个部分:加载图标和加载文本。加载文本只是显示在加载图标旁边的文本,我们主要关心的是加载图标。异步加载屏幕支持3种类型的加载图标:跳动,圆形跳动,和图像序列。

  • 正在加载小组件设置:

加载图标

  • 跳动设置:

  • 跳动载入图标示例:

  • 圆形跳动装置:

  • 圆形跳动加载图标示例:

  • 图像序列设置:

  • 图像序列加载图标示例:

布局

这是异步加载屏幕部件在屏幕上排列的方式。在版本1.0异步加载屏幕支持5种不同的布局:经典,中心,信箱,侧边栏和双侧边栏。

  • 布局设置:

  • 经典布局示例:

  • 中心布局示例:

  • 信箱布局示例:

  • 侧栏布局示例:

  • 双边栏布局示例:

辅导的

在本教程中,我将使用一个UE版本为4.25的空白C++项目。但是你可以自由地将异步加载屏幕插件集成到你现有的项目中,没有任何问题。您应该安装以下插件装置以上步骤。

1)创建测试级别和蓝图

  • 首先,我们创建两个名为第一级第二层出于测试目的:

  • 创建BP_GameMode、BP_PlayerController和一个UMG蓝图WBP_OpenLevelButton:

  • 在WBP_OpenLevelButton中,在屏幕中央创建一个按钮:

  • 在WBP_OpenLevelButton图中,在按钮的OnClick事件中添加以下节点:

  • 在BP_PlayerController中,创建小部件并添加到视口:

  • 同时在BP_PlayerController中启用“显示鼠标光标”选项:

  • 在“项目/地图和模式”设置中将默认游戏模式更改为BP_GameMode和BP_PlayerController:

  • 在“项目/打包”设置中的包含列表中添加两个地图,这样您就不必在启动时看到烦人的警告了:

  • 请注意,要看到插件实际工作,你需要作为独立游戏或启动按钮。在编辑器中玩将无法工作,因为在编辑器中玩和打包游戏的管理级别不同:

如果你玩单机游戏或者启动游戏,你会很快看到一个带有白色面板的黑屏。我们将需要一点设置,使加载屏幕看起来更好。

2)收集图像和电影

你可以使用你自己的资源,但是对于这个教程,我将使用虚幻引擎5壁纸桌面邮政和UE4启动视频文件页,面,张,版。以下是为您下载的链接:

  • UE5壁纸-桌面

  • UE4启动视频文件

  • 在“内容”文件夹中创建一个“电影”文件夹,并将您的电影文件复制到“内容/电影”文件夹中(不要将电影导入项目,只复制原始电影文件):

  • 将背景图像导入到项目中:

3)设置启动影片

现在转到项目设置中的“游戏/异步加载屏幕”设置,打开“启动加载屏幕”部分。这个启动加载屏幕只在玩家第一次打开游戏时显示一次,所以通常情况下,你不想在这里显示加载屏幕。相反,你会想展示一个UE4标志介绍电影,你的工作室标志电影,你的赞助商1标志电影,你的赞助商2标志电影,或一些怪异的狗屎电影,这取决于你。

  • 取消“加载完成时自动完成”选项,这样我们就可以看到电影播放到结束

  • 在“电影路径”数组中添加不带扩展名的电影路径

以下是启动加载屏幕设置:

点击玩单机游戏或启动按钮,你会看到UE4标志的电影出现在这里。

4)配置默认加载屏幕设置

打开“默认加载屏幕”设置,这里我们实际上为我们的游戏设置了一个加载屏幕。您可以保留大多数选项的默认值,但出于测试目的,我们将更改一些选项。

  • 将“最小加载屏幕显示时间”设置为10(我建议在套装游戏中设置为-1)

  • 在本教程中,将“布局”设置为经典。

以下是默认加载屏幕设置:

4.1)默认加载屏幕-背景设置

在默认加载屏幕部分打开“背景”设置。将背景图像添加到图像数组中。您可以保留其他选项的默认值:

4.2)默认加载屏幕提示小工具设置

在默认加载屏幕中打开“提示小工具”设置。添加一些有用的文本,您可以在这里更改文本的外观,如颜色、字体、阴影效果:

4.3)默认加载屏幕-加载小工具设置

在默认加载界面打开“加载小工具”设置,在这里我们将自定义我们的加载图标。如果你打开AsyncLoadingScreen内容文件夹,你可以看到有很多我制作的默认加载图像。我们将在本教程中使用这些默认图像。

  • 将“加载图标类型”设置为“跳动”

  • 将“加载部件类型”设置为“水平”

  • 打开“悸动设置”,在“图像”选项中选择图标-猫印

  • 将“空间”值设置为20

您可以保留其他选项的默认值。

5)配置经典布局设置

因为我们在上一步中已经选择了经典布局,所以我们将配置经典布局并忽略其他布局。打开布局类别中的“经典”设置,并更改以下选项:

  • 将“边框填充”设置为20

  • 打开“边框背景”选项,设置色调颜色(R:0.1,G:0.1,B:0.1,A:0.8)

您可以保留其他选项的默认值。

好吧!现在你可以点击玩单机游戏或启动按钮来查看你的加载屏幕。

6)图像序列设置

异步加载屏幕也支持使用图像序列自定义加载图标。打开“加载部件”并更改以下选项:

  • 将“加载图标类型”设置为“图像序列”

  • 打开“图像序列设置”并将文件夹“默认/人体模型/运行图像”中的所有图像添加到图像阵列中

您可以保留其他选项的默认值。

单击播放或启动按钮,您将看到人体模型作为加载图标运行:

7)为每个级别设置适当的背景和提示:

在更新版本1.1,异步加载屏幕支持显示特定的背景/提示/电影为每个级别,因为你想要的。在本教程中,我们将显示适当的背景和提示第一级第二层:

  • 打开背景设置和启用手动设置显示背景.

  • 打开提示部件设置,启用手动设置显示提示文本并在中增加2段以下文字提示文本数组:

  • 打开WBP _公开级别按钮蓝图,在点击事件中,设置背景索引=4,提示文本索引=2以前开放级别=级别_2背景索引=2,提示文本索引=1以前开放级别=级别_1:

  • 现在点击玩单机游戏或启动按钮,你会看到异步加载屏幕总是显示背景索引4,提示文本索引2当加载等级2,和背景索引2,提示文本索引1当加载等级1。


【虚幻插件】异步加载界面插件Async Loading Screen的评论 (共 条)

分享到微博请遵守国家法律