火星網校
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期學員王佳蕊作品
熱門課程
專業講師指導 快速擺脫技能困惑
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題，火星幫你解答-
現在影視行業也是很火熱的，學習影視剪輯後期的人也越來越多，而且影視行業比起其它的行業要高出很多，現在這個影視行業可謂是香餑餑，......
-
數字繪畫是通過運用相應的電腦軟件和數字繪圖工具，在電腦上進行創作的產物。通俗的講就是用電腦繪畫。它是隨著電腦、軟件以及相關繪圖......
-
我們以火星時代教育課程為例，一般影視攝影培訓費用大概要10000~15000左右，如果後期想要向著後期發展，那麼特效包裝建模等......
-
隨著插畫和商業的結合，我們可以看到插畫設計的前景是非常大，而且隨著插畫的發展，插畫的應用範圍也逐漸廣泛了起來。換句話說，學習插......
-
如今的影視遊戲行業大熱，作為大家比較熟悉的娛樂方式的方式，原畫在未來依舊是大放光彩的行業，所以學習原畫的前景是相當不錯的。那麼......
-
隨著國漫的發展，勢必對人才需求產生一定的擴張作用的。如今的動漫行業是越來越受年輕人的關注了，更有甚者想要學習動漫，從事這個行業......
