Catlike學習筆記(1.1)-使用Unity實現一個鐘表
阿新 • • 發佈：2018-08-07
時間 tor 裏的 csharp 做了 完全 upd 動畫 鏈接 最近發現『Catlike系列教程』覺得內容真的很贊，感覺有很多地方涉及到了我的知識盲點，如果真的可以照著做下來一遍的話應該收獲頗豐。因為教程很長所以逐字翻譯不太可能了（主要是翻譯的太差）。基本上就是把實現的思路記錄下來最後甩一個 「Github Repo」這樣就可以了。理論上來說第一篇比較簡單，感興趣的同學可以移步「原文鏈接」
PART 1 概述
實現一個鐘表的話我們的目標就是
- 用一個拍扁的圓柱體制作表盤，用立方體制作刻度和時針分針，用一個細長的圓柱體制作秒針
- 寫點 c# 腳本使其顯示為當前時間
- 加點動畫讓指針平滑運動
PART 2 制作場景
大家都是 Unity 熟手了所以具體制作流程就不講了，博主自己也沒仔細看就按照自己想法做了一個差不多的，具體思路就是多設一個層級然後父節點只旋轉就可以把指針轉到相應的位置而不需要同時調整 Rotation 和 Position。如果不是很懂的話可以回到「原文地址」裏面有更詳細的做法，或者到我的「Github Repo」下載下來看看。
PART 3 寫腳本控制指針
首先建立一個新的 MonoBehaviour 腳本比如說 ClockController.cs 之類的，把時針分針秒針的 Transform 的引用拖到腳本裏，然後開始設置各個指針的位置。
那麽眾所周知表盤的360度被分割成12塊所以每一塊也就是每個小時占據了 360 / 12 = 30 度。同理每分鐘占據了 360 / 60 = 6 度，每秒鐘也是。那麽直觀來說就是這樣寫。
void Update() { _hourArm.localEulerAngles = new Vector3(0, DateTime.Now.Hour * 30, 0); _minuteArm.localEulerAngles = new Vector3(0, DateTime.Now.Minute * 6, 0); _secondArm.localEulerAngles = new Vector3(0, DateTime.Now.Second * 6, 0); }
然而運行一下會發現時針和分針都是筆直的指向其所在的時間。。如下圖所示
好吧現在剛好七點鐘貌似看不出來，總之就是需要在比如 6:30 的時候時針應該指向 6 和 7 之間。所以這個度數需要再加上一點偏移，變成下面這樣。
void Update() { var hour = DateTime.Now.Hour; var minute = DateTime.Now.Minute; var second = DateTime.Now.Second; var milisecond = DateTime.Now.Millisecond; _hourArm.localEulerAngles = new Vector3(0, hour * 30 + minute / 60f * 30f, 0); _minuteArm.localEulerAngles = new Vector3(0, minute * 6 + second / 60f * 6f, 0); _secondArm.localEulerAngles = new Vector3(0, second * 6 + milisecond / 1000f * 6f, 0); }
就可以輕松實現文章裏的各種平滑移動之類的～
PART 4 總結
沒有完全按照「原文」中的寫法來寫好像這樣會更簡潔一點，然後大家應該也會更容易理解，不過作者的主要用意可能是想展示 coroutine 之類的吧不管那些了～總之大家可以進入「Github Repo」查看全部代碼和運行 Demo。
原文鏈接：https://snatix.com/2018/06/06/019-gameobject-and-scripts//
本文由 sNatic 發布於『大喵的新窩』 轉載請保留本申明
Catlike學習筆記(1.1)-使用Unity實現一個鐘表