【虛幻插件】異步加載界面插件Async Loading Screen

主要功能:
加載新關(guān)卡時(shí)的界面顯示
界面提供背景、視頻等可配置顯示
界面提供tips提示控件
具體可到官方github?https://github.com/truong-bui/AsyncLoadingScreen#how-it-works
以下是官方文檔(翻譯后)-非常簡單的配置與使用。
注意:加載界面只在獨(dú)立游戲進(jìn)程播放模式,否則編輯器中無法看到。
虛幻怎么安裝插件-去自己百度下了,非常簡單。這里不提了。
從下載異步加載屏幕市場并在插件中啟用插件。
設(shè)置
您可以在中禁用/啟用插件編輯→插件→項(xiàng)目/加載屏幕。您可以在項(xiàng)目設(shè)置中配置插件設(shè)置項(xiàng)目設(shè)置/游戲/異步加載屏幕.

體系結(jié)構(gòu)
異步加載屏幕有四個(gè)主要組件:背景、加載窗口小部件、提示窗口小部件和布局。
背景
背景是一個(gè)靜態(tài)圖像,你可以添加許多你想要的圖像,它會隨機(jī)顯示(除非手動(dòng)設(shè)置顯示背景選項(xiàng)已啟用)。如果您只想顯示電影而不是靜態(tài)圖像,請將其留空。
背景設(shè)置:

提示部件
只是一些隨機(jī)顯示的有用文本(除非手動(dòng)設(shè)置顯示提示文本選項(xiàng)已啟用)讓玩家在等待新關(guān)卡加載時(shí)有東西可看。
提示小部件設(shè)置:

正在加載小部件
這是插件最重要的組成部分,加載小部件讓玩家知道游戲還在運(yùn)行,沒有凍結(jié)。
加載小部件有兩個(gè)部分:加載圖標(biāo)和加載文本。加載文本只是顯示在加載圖標(biāo)旁邊的文本,我們主要關(guān)心的是加載圖標(biāo)。異步加載屏幕支持3種類型的加載圖標(biāo):跳動(dòng),圓形跳動(dòng),和圖像序列。
正在加載小組件設(shè)置:

加載圖標(biāo)
跳動(dòng)設(shè)置:

跳動(dòng)載入圖標(biāo)示例:
圓形跳動(dòng)裝置:

圓形跳動(dòng)加載圖標(biāo)示例:
圖像序列設(shè)置:

圖像序列加載圖標(biāo)示例:

布局
這是異步加載屏幕部件在屏幕上排列的方式。在版本1.0異步加載屏幕支持5種不同的布局:經(jīng)典,中心,信箱,側(cè)邊欄和雙側(cè)邊欄。
布局設(shè)置:

經(jīng)典布局示例:
中心布局示例:

信箱布局示例:
側(cè)欄布局示例:

雙邊欄布局示例:
輔導(dǎo)的
在本教程中,我將使用一個(gè)UE版本為4.25的空白C++項(xiàng)目。但是你可以自由地將異步加載屏幕插件集成到你現(xiàn)有的項(xiàng)目中,沒有任何問題。您應(yīng)該安裝以下插件裝置以上步驟。
1)創(chuàng)建測試級別和藍(lán)圖
首先,我們創(chuàng)建兩個(gè)名為第一級和第二層出于測試目的:

創(chuàng)建BP_GameMode、BP_PlayerController和一個(gè)UMG藍(lán)圖WBP_OpenLevelButton:

在WBP_OpenLevelButton中,在屏幕中央創(chuàng)建一個(gè)按鈕:

在WBP_OpenLevelButton圖中,在按鈕的OnClick事件中添加以下節(jié)點(diǎn):

在BP_PlayerController中,創(chuàng)建小部件并添加到視口:

同時(shí)在BP_PlayerController中啟用“顯示鼠標(biāo)光標(biāo)”選項(xiàng):
在“項(xiàng)目/地圖和模式”設(shè)置中將默認(rèn)游戲模式更改為BP_GameMode和BP_PlayerController:

在“項(xiàng)目/打包”設(shè)置中的包含列表中添加兩個(gè)地圖,這樣您就不必在啟動(dòng)時(shí)看到煩人的警告了:

請注意,要看到插件實(shí)際工作,你需要作為獨(dú)立游戲或啟動(dòng)按鈕。在編輯器中玩將無法工作,因?yàn)樵诰庉嬈髦型婧痛虬螒虻墓芾砑墑e不同:

如果你玩單機(jī)游戲或者啟動(dòng)游戲,你會很快看到一個(gè)帶有白色面板的黑屏。我們將需要一點(diǎn)設(shè)置,使加載屏幕看起來更好。
2)收集圖像和電影
你可以使用你自己的資源,但是對于這個(gè)教程,我將使用虛幻引擎5壁紙桌面郵政和UE4啟動(dòng)視頻文件頁,面,張,版。以下是為您下載的鏈接:
UE5壁紙-桌面
UE4啟動(dòng)視頻文件
在“內(nèi)容”文件夾中創(chuàng)建一個(gè)“電影”文件夾,并將您的電影文件復(fù)制到“內(nèi)容/電影”文件夾中(不要將電影導(dǎo)入項(xiàng)目,只復(fù)制原始電影文件):

將背景圖像導(dǎo)入到項(xiàng)目中:
3)設(shè)置啟動(dòng)影片
現(xiàn)在轉(zhuǎn)到項(xiàng)目設(shè)置中的“游戲/異步加載屏幕”設(shè)置,打開“啟動(dòng)加載屏幕”部分。這個(gè)啟動(dòng)加載屏幕只在玩家第一次打開游戲時(shí)顯示一次,所以通常情況下,你不想在這里顯示加載屏幕。相反,你會想展示一個(gè)UE4標(biāo)志介紹電影,你的工作室標(biāo)志電影,你的贊助商1標(biāo)志電影,你的贊助商2標(biāo)志電影,或一些怪異的狗屎電影,這取決于你。
取消“加載完成時(shí)自動(dòng)完成”選項(xiàng),這樣我們就可以看到電影播放到結(jié)束
在“電影路徑”數(shù)組中添加不帶擴(kuò)展名的電影路徑
以下是啟動(dòng)加載屏幕設(shè)置:
點(diǎn)擊玩單機(jī)游戲或啟動(dòng)按鈕,你會看到UE4標(biāo)志的電影出現(xiàn)在這里。
4)配置默認(rèn)加載屏幕設(shè)置
打開“默認(rèn)加載屏幕”設(shè)置,這里我們實(shí)際上為我們的游戲設(shè)置了一個(gè)加載屏幕。您可以保留大多數(shù)選項(xiàng)的默認(rèn)值,但出于測試目的,我們將更改一些選項(xiàng)。
將“最小加載屏幕顯示時(shí)間”設(shè)置為10(我建議在套裝游戲中設(shè)置為-1)
在本教程中,將“布局”設(shè)置為經(jīng)典。
以下是默認(rèn)加載屏幕設(shè)置:
4.1)默認(rèn)加載屏幕-背景設(shè)置
在默認(rèn)加載屏幕部分打開“背景”設(shè)置。將背景圖像添加到圖像數(shù)組中。您可以保留其他選項(xiàng)的默認(rèn)值:
4.2)默認(rèn)加載屏幕提示小工具設(shè)置
在默認(rèn)加載屏幕中打開“提示小工具”設(shè)置。添加一些有用的文本,您可以在這里更改文本的外觀,如顏色、字體、陰影效果:
4.3)默認(rèn)加載屏幕-加載小工具設(shè)置
在默認(rèn)加載界面打開“加載小工具”設(shè)置,在這里我們將自定義我們的加載圖標(biāo)。如果你打開AsyncLoadingScreen內(nèi)容文件夾,你可以看到有很多我制作的默認(rèn)加載圖像。我們將在本教程中使用這些默認(rèn)圖像。
將“加載圖標(biāo)類型”設(shè)置為“跳動(dòng)”
將“加載部件類型”設(shè)置為“水平”
打開“悸動(dòng)設(shè)置”,在“圖像”選項(xiàng)中選擇圖標(biāo)-貓印
將“空間”值設(shè)置為20
您可以保留其他選項(xiàng)的默認(rèn)值。
5)配置經(jīng)典布局設(shè)置
因?yàn)槲覀冊谏弦徊街幸呀?jīng)選擇了經(jīng)典布局,所以我們將配置經(jīng)典布局并忽略其他布局。打開布局類別中的“經(jīng)典”設(shè)置,并更改以下選項(xiàng):
將“邊框填充”設(shè)置為20
打開“邊框背景”選項(xiàng),設(shè)置色調(diào)顏色(R:0.1,G:0.1,B:0.1,A:0.8)
您可以保留其他選項(xiàng)的默認(rèn)值。
好吧!現(xiàn)在你可以點(diǎn)擊玩單機(jī)游戲或啟動(dòng)按鈕來查看你的加載屏幕。
6)圖像序列設(shè)置
異步加載屏幕也支持使用圖像序列自定義加載圖標(biāo)。打開“加載部件”并更改以下選項(xiàng):
將“加載圖標(biāo)類型”設(shè)置為“圖像序列”
打開“圖像序列設(shè)置”并將文件夾“默認(rèn)/人體模型/運(yùn)行圖像”中的所有圖像添加到圖像陣列中
您可以保留其他選項(xiàng)的默認(rèn)值。
單擊播放或啟動(dòng)按鈕,您將看到人體模型作為加載圖標(biāo)運(yùn)行:
7)為每個(gè)級別設(shè)置適當(dāng)?shù)谋尘昂吞崾?
在更新版本1.1,異步加載屏幕支持顯示特定的背景/提示/電影為每個(gè)級別,因?yàn)槟阆胍?。在本教程中,我們將顯示適當(dāng)?shù)谋尘昂吞崾?strong>第一級和第二層:
打開背景設(shè)置和啟用手動(dòng)設(shè)置顯示背景.
打開提示部件設(shè)置,啟用手動(dòng)設(shè)置顯示提示文本并在中增加2段以下文字提示文本數(shù)組:
打開WBP _公開級別按鈕藍(lán)圖,在點(diǎn)擊事件中,設(shè)置背景索引=4,提示文本索引=2以前開放級別=級別_2和背景索引=2,提示文本索引=1以前開放級別=級別_1:
現(xiàn)在點(diǎn)擊玩單機(jī)游戲或啟動(dòng)按鈕,你會看到異步加載屏幕總是顯示背景索引4,提示文本索引2當(dāng)加載等級2,和背景索引2,提示文本索引1當(dāng)加載等級1。