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

主要功能:
加载新关卡时的界面显示
界面提供背景、视频等可配置显示
界面提供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。