Unreal如何製作真實時間的鍾？

Hello，大家好，今天給大家帶來真實時間鍾的製作，我是很久不見。

近期一直不知道寫點什麼文章，剛好看到家中牆上貼了一個電子時鍾，於是想在UE中實現出來，於是就有了今天的文章。

先來看一下最終的演示效果：

1、前期準備

首先要有一個時鍾的模型，這裏按鈕我為了設置成有自發光的效果，在max裏麵把按鈕拆成了兩個材質ID，為了顯示效果真實，屏幕外側還有一個玻璃罩的模型。

然後將全部模型都導入UE中，對每一個模型部件設置材質，這裏就不介紹材質的設置了，可以根據自己的需求設置材質。

2、時間界麵的製作

時間界麵這裏使用了控件藍圖的方式製作，首先右鍵創建一個控件藍圖，選擇用戶控件。

添加複層和文本控件，這裏可以把文本控件排布居中。

給文本的文本內容和顏色這裏分別創建綁定。

文本這裏做一個分支，引出布爾作為以後顯示文字內容的變量，返回節點這裏的文字內容，分別來自於UTC時間和UTC日期。

顏色的腳本設置比較簡單，隻需要連接一個顏色的變量即可。

3、按鈕交互的製作

接下來右鍵創建一個藍圖類，類型選擇Actor。

把設置好材質的模型全部拖進來。

添加控件組件。

把之前做的控件藍圖添加進“控件類”中，空間選擇“場景”，材質使用有Masked蒙版的。

將控件組件擺放到合適的位置。

選擇場景空間後文字會帶有投影，這裏在構造腳本中去掉控件的陰影。

事件開始運行這裏，從Widget控件組件中獲取控件，並類型轉換為之前做的那個控件藍圖，拖出來的目標設置剛才的顏色變量。

由於直接運行UE的話，是看不到鼠標的。也不能生成點擊事件，所以這裏需要單獨設置。

接下來選中按鈕的Actor後，選擇點擊時的“+”加號。在點擊時這個時間裏，使用流程控製的“Flip Flop”節點，這樣點擊按鈕Actor時會在AB兩個選項中來回切換。

設置變量就是之前的切換時間分支的變量，然後這裏做了一個AB之間按鈕高亮材質的變換效果。

注意這裏會先執行“Flip Flop”的A節點事件，所以第一次按下按鈕，效果為高亮材質，注意這裏的設置順序。

最後還設置了按鈕之間點擊時的上下相對位移效果，注意這裏在還原的時候，位移坐標要和Actor本身一致。

在外部看的時候，打開了顏色設置的變量編輯，這裏可以調節顏色。

在運行的狀態下點擊上方的按鈕，就可以看到時間和日期切換的效果了。

藍圖設置的節點共享在我的blueprintue網站中，大家可以在網頁中複製節點到你UE項目中

網址：https://blueprintue.com/blueprint/7trajxlt/

本次案例是我的個人練習，如有不足之處，希望大家可以一起交流學習，一起變得更強！

- End -

來源：Thepoly公眾號