火星網校
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公眾號
-
2101期學員李思庭作品
-
2104期學員林雪茹作品
-
2107期學員趙淩作品
-
2107期學員趙燃作品
-
2106期學員徐正浩作品
-
2106期學員弓莉作品
-
2105期學員白羽新作品
-
2107期學員王佳蕊作品
熱門課程
專業講師指導 快速擺脫技能困惑
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題，火星幫你解答-
這篇文章詳細介紹了如何學習使用UE4進行可視化製作，以及火星時代教育對此方麵培訓的專業性
-
麵對繁多的移動端UI培訓機構，如何選擇一個適合自己的呢? 本文將為你解答疑問，而火星時代教育，我們敢說是最好的選擇！
-
基於火星時代教育的高質量課程體驗, 揭示遊戲開發的前瞻性和職業發展前景。
-
以UE4作為工具來建構智慧城市，能大大提高其實用性和創新性。火星時代教育通過專業的UE4課程培訓來助力學習者掌握UE4建構智慧城市的技巧。
-
對於很多熱愛製作遊戲特效的朋友來說，擔心的一個問題就是，學習遊戲特效需要多少時間？火星時代教育為您詳細分析和解答。
-
了解影視原畫設計的基本知識和學習路徑，尤其是在火星時代教育的專業指導下，你將擁有更好的學習體驗。
