UE5案例創(chuàng)作系列之夢(mèng)幻洞穴

一、寫(xiě)在前面
? ? ? ?當(dāng)前關(guān)于UE5方面的課程或者學(xué)習(xí)資料中,大部分都是對(duì)于各模塊的介紹,案例跟做方面的學(xué)習(xí)資料并不多,而實(shí)踐恰恰是能將學(xué)到的理論及各項(xiàng)操作融會(huì)貫通的最佳方式之一。紙上得來(lái)終覺(jué)淺,絕知此事要躬行,只有自己動(dòng)手實(shí)踐過(guò)才是真正的掌握。在具體場(chǎng)景中,對(duì)各類(lèi)知識(shí)的理解更加形象具體。首先感謝B站甌醬老師的指導(dǎo),是帶我入門(mén)UE5的第一位老師,成為優(yōu)秀的人,先要追趕模仿優(yōu)秀的人。
? ? ? ?基于此現(xiàn)狀背景下,有了本篇案例系列筆記。
? ? ? ?本篇案例適用于已熟悉了解了網(wǎng)格體旋轉(zhuǎn)縮放平移等基本操作的UE5入門(mén)同學(xué)。本篇筆記分兩大部分:第一,將整個(gè)制作過(guò)程一氣呵成進(jìn)行鋪開(kāi)講解。只有在實(shí)踐中才會(huì)知道什么操作產(chǎn)生什么效果,效果背后需要怎樣的將原理和操作靈活組合應(yīng)用,該案例涉及知識(shí)點(diǎn)主要包括視口控制、網(wǎng)格體搭建場(chǎng)景、基礎(chǔ)光照、材質(zhì)shader、資產(chǎn)引用。第二,對(duì)于過(guò)程中一些注意事項(xiàng)、筆者當(dāng)時(shí)踩過(guò)的坑進(jìn)行分享。
? ? ? ?跟做一遍,相信各位同學(xué)對(duì)于基礎(chǔ)知識(shí)必定掌握一片。一圖勝前言,本篇絕大部分以示例圖形式展示,以便更直觀進(jìn)行參考學(xué)習(xí)。
? ? ? ?本次UE5案例最終成果圖如下。

二、制作過(guò)程
1.?新建空白關(guān)卡,并配置基礎(chǔ)光照。?

? ? ? ?創(chuàng)建空白關(guān)卡后,雙擊空白關(guān)卡 -》 窗口 -》 環(huán)境光照混合器 -》 將5個(gè)基礎(chǔ)光照tab分別添加。

創(chuàng)建立方體 -》將創(chuàng)建的立方體的位置歸位到初始位置、去除材質(zhì)。

可以將大綱中的items多選-右擊-放到新建的文件夾中,方便后續(xù)操作管理。

2.?放置Actor及配置視口

添加視口目的:固定于當(dāng)前角度,實(shí)時(shí)觀察場(chǎng)景搭建效果。


調(diào)整攝像機(jī)焦距,便于觀察角度更廣。

3.?添加網(wǎng)格體,并初步搭建場(chǎng)景
? ? ? ?添加資產(chǎn)。直接將資產(chǎn)復(fù)制到工程目錄“content”下即可。素材若有需要,請(qǐng)留言,我會(huì)分享給大家。


? ? ? ?在UE中,選中剛才導(dǎo)入的三個(gè)文件夾,右擊選擇重新修復(fù)重定向,防止出現(xiàn)材質(zhì)等丟失的情況。


通過(guò)對(duì)該網(wǎng)格體的不斷復(fù)制,搭建成如下圖場(chǎng)景。

再加上蓋子,只露出一個(gè)洞口。

4.?搭建內(nèi)部場(chǎng)景
? ? ? ? 將視角進(jìn)入石頭屋之后,會(huì)發(fā)現(xiàn)霧氣茫茫。此時(shí)可以將下圖右邊框起來(lái)的高度霧隱藏關(guān)掉,且打開(kāi)如下圖所示的游戲設(shè)置。游戲設(shè)置指模仿人類(lèi)的眼睛,當(dāng)進(jìn)入黑暗環(huán)境時(shí),瞳孔放大,盡力去獲取更多的光亮,而由黑暗處轉(zhuǎn)移至光亮處時(shí),眼睛是先感到刺眼,繼而亮度不斷降低至看清物體。

? ? ? ?當(dāng)關(guān)掉高度霧之后,發(fā)現(xiàn)場(chǎng)景漆黑一片,不要慌,在lumen全局光照計(jì)算方式下,密閉空間中,漆黑一片是正常的。注意,我們新建的項(xiàng)目中,全局光照條件(GI)默認(rèn)是lumen。如圖。這個(gè)地方,我當(dāng)時(shí)在做案例時(shí),踩過(guò)坑,之后會(huì)摘出來(lái)單獨(dú)進(jìn)行分享,這里先把案例走完。

? ? ? ?為了繼續(xù)內(nèi)景布置,首先必須得看得見(jiàn)室內(nèi)。一種方式是在密閉環(huán)境中,加一個(gè)光源。另一種方式,是用到了后期處理體積方法,前提是場(chǎng)景不能完全封閉。同樣的道理,如果發(fā)現(xiàn)場(chǎng)景亮度過(guò)高,也可以用后期處理體積進(jìn)行降低曝光。本篇演示該方法的使用。如下圖。


? ? ? ?將一個(gè)石頭網(wǎng)格體調(diào)整至在地面上只露出一小部分,上面可以按照自己喜歡的樣式鋪設(shè)一些金銀珠寶網(wǎng)格體,在山洞內(nèi)部搭建門(mén)和柱子,如下。


5.?材質(zhì)節(jié)點(diǎn)shader處理

創(chuàng)建三維向量,并設(shè)置基礎(chǔ)顏色。


添加法線。

? ? ? ?右擊金屬度“Metalic”,選擇提升為參數(shù),同樣道理,依次對(duì)高光度和粗糙度同樣操作。并將參數(shù)分別設(shè)為0.8、0.5、0.03。


? ? ? ?接著,為了對(duì)紋理通過(guò)參數(shù)實(shí)時(shí)控制縮放,所以需要?jiǎng)?chuàng)建一個(gè)控制器,運(yùn)用乘法進(jìn)行計(jì)算,思路是UV坐標(biāo)參數(shù)與自定義參數(shù)進(jìn)行相乘以此控制材質(zhì)紋理縮放,詳細(xì)操作見(jiàn)圖。

保存后,右擊材質(zhì),選擇創(chuàng)建示例,并將創(chuàng)建后的材質(zhì)實(shí)例直接拖到場(chǎng)景地面上。

? ? ? ?雙擊材質(zhì)實(shí)例,可以進(jìn)行參數(shù)自定義設(shè)置,可以看到,我們?cè)趕hader節(jié)點(diǎn)設(shè)置中創(chuàng)建的參數(shù)節(jié)點(diǎn),在實(shí)例中,統(tǒng)統(tǒng)都放出來(lái)供大家快捷自定義參數(shù)值,而不必再去材質(zhì)中設(shè)置界面調(diào)整節(jié)點(diǎn)了。

? ? ? ?本次案例,我這邊因?yàn)槎纯谑芏ㄏ蚬庠矗梢岳斫鉃樘?yáng)光)照射影響:光線會(huì)照射到洞中,影響了洞中光線效果。所以在上面又加了石塊來(lái)阻擋陽(yáng)光照射,同學(xué)們可以根據(jù)自己的喜好來(lái)自定義即可。

6.?放置光源并光照效果處理
? ? ? ?在洞口上方添加聚光源,并調(diào)整聚光源的亮度、角度和衰減半徑。當(dāng)然,如果為了光線更加明顯,可以用前面寫(xiě)的后期處理體積的方式去調(diào)整場(chǎng)景的光亮。

? ?? ??打開(kāi)大綱中的高度霧(點(diǎn)亮高度霧左邊的小眼睛圖標(biāo)),會(huì)發(fā)現(xiàn)場(chǎng)景中霧氣朦朧,此時(shí),選中大綱中高度霧,將其“體積霧”勾選上,然后選中大綱中的聚光源,將其體積散射強(qiáng)度調(diào)高,投射體積陰影勾選。會(huì)體現(xiàn)出如圖“有形狀”的霧。


? ? ???接下來(lái),為了營(yíng)造出丁達(dá)爾效應(yīng)視覺(jué)效果,需要在洞口聚光源與洞口之間創(chuàng)建一個(gè)立方體并配置材質(zhì):快速添加項(xiàng)目 -》 Quixel Bridge。
材質(zhì)選擇與下載,如圖說(shuō)明。

為了模仿陽(yáng)光透過(guò)樹(shù)葉的斑駁場(chǎng)景,可挑選樹(shù)木材質(zhì)下載并添加到項(xiàng)目中。


7.?自定義光照微調(diào)
? ? ? ?對(duì)于細(xì)節(jié)部分,為了更加美觀,同學(xué)們可以在添加的網(wǎng)格體周?chē)砑泳酃庠?,增加指定網(wǎng)格體的亮度。

最終成圖示例如圖。

三、踩過(guò)的坑
? ? ? ?當(dāng)全局光照設(shè)置為lumen時(shí),在密閉空間中是漆黑一片的,后期處理體積的曝光調(diào)整也是無(wú)效的。若全局光照設(shè)置為屏幕空間,則在密閉空間中是有光亮的。當(dāng)時(shí)在做這一部分時(shí),也是耗費(fèi)了一些精力走了一些彎路才明白。
四、寫(xiě)在后面:
? ? ? ?當(dāng)走到這里,相信同學(xué)們又學(xué)到了很多基礎(chǔ)知識(shí)。以上是從實(shí)用性原則出發(fā),直接進(jìn)行案例制作,中間沒(méi)有過(guò)多插入理論知識(shí)和原理,這樣的優(yōu)點(diǎn)就是更直觀更專注的讓大家看到什么樣的操作和參數(shù)會(huì)產(chǎn)生什么樣的效果,但我們本著知其然知其所以然的探究精神,案例中級(jí)貫穿的重點(diǎn)理論原理會(huì)單獨(dú)拿出一篇筆記進(jìn)行講解。
? ? ? ?下一篇筆記會(huì)擬對(duì)shader材質(zhì)節(jié)點(diǎn)進(jìn)行理論基礎(chǔ)的講解分享。