當(dāng)前位置：主頁 > 3D教程 > 圖文教程

Unreal Engine 4：冷卻UI的制作

來源： 52vr | 責(zé)任編輯：傳說的落葉 | 發(fā)布時間： 2019-06-18 09:44 | 瀏覽量：

這篇文章介紹了如何使用Unreal Engine 4的材質(zhì)編輯器中制作通常游戲中的技能冷卻的UI。

該UI材質(zhì)通常用于直接蒙在對應(yīng)的技能圖標(biāo)之上，接收一個浮點參數(shù)Percentage，用于表現(xiàn)其冷卻情況，1表示冷卻完畢，0表示開始冷卻。

材質(zhì)效果

左、中、右分別的Percentage分別為0.2，0.4，0.9.

材質(zhì)說明

VectorToRadialValue

這個材質(zhì)中使用到VectorToRadialValue這個材質(zhì)函數(shù)，該函數(shù)接收一個float2向量，輸出這個向量在二維徑向坐標(biāo)中的表示。

因此這里可以將TexCoord - 0.5作為參數(shù)輸入這個函數(shù)，可以得到的值如下：

看來是我們想要的，但是角度不對，因此再加上CustomRotator對坐標(biāo)進行預(yù)操作：

有了這樣的值后就很容易進行功能的實現(xiàn)了。我這里將其封裝為CoolDownUI函數(shù)，可供其他材質(zhì)調(diào)用。

CoolDownUI函數(shù)如下：

Color為蒙在技能欄上那一層的顏色，這里取了灰色。

這樣一來，對應(yīng)的UI材質(zhì)為：

值得一提的是：

Percentage由于進行了浮點操作，所以如果直接取1的話往往會有一些誤差，因此往往將冷卻完畢的值設(shè)定為略大于1，我這里取了1.05。

相關(guān)文章

網(wǎng)友評論

您需要登錄后才可以發(fā)帖登錄 | 立即注冊

關(guān)閉

全部評論：0條