前往
大廳
主題

標題UI選擇動畫

當我玩家都王八蛋? | 2023-12-13 01:09:16 | 巴幣 2 | 人氣 56

今天做了很久之前就想做的標題畫面UI選擇的部分,通常遊戲在標題畫面都會有"開始遊戲"、"繼續遊戲"、"選項"之類的UI並排,然後讓玩家選擇。如果用Unity的按鈕功能很容易就能達成,但之前一直在想到底要怎麼樣才能做到用鍵盤選擇UI然後讓被選擇的UI反白之類的動作,今天終於花時間研究了一下。
首先Unity在創建按鈕之後會自動幫你生成一個EventSysyem,只要把你預設按鈕(就是一進到畫面還沒按下任何按鍵就預先選好的按鈕)拖進去EventSystem裡面的 FirstSelect就好了。
然後下面的Standlone Input不用動他,這樣一來當你畫面中有複數個按鈕,直接按鍵盤的方向鍵就可以切換選擇了,Unity預設的功能設想的很周到...

可以用鍵盤操作UI後在來就是被選擇後的表現問題,按鈕有好幾種狀態,分別是Normal、HighLight、Selected、Pressed、Disable,分別代表被選擇、按壓、取消選取等等狀態。
在按鈕的Inspector視窗裡面可以選擇幾種切換表現的方式,大概是改變圖片、改變顏色、動畫等。
選擇Transition的下拉選單就可以更改表現方式。
我一開始想做的是當按拗被選擇後,被選擇的按鈕前面出現閃爍的三角形箭頭表示目前選擇中的按鈕,
試了一下發現只改按鈕圖片的方式好像不太理想,於是就嘗試用動畫的Transition。
選擇動畫Transition下面的生成按鈕他就會幫你做好預設的Animator,像這樣:
再來只要針對你要切換的狀態去做動畫就好了,我目前想要的是簡單的文字閃爍效果,就是被選到的按鈕會一閃一閃,這應該算是遊戲界的默認了。選擇目標按鈕,新增動畫
然後再做一個透明度0到1的循環動畫就可以簡單達成了。(color.a)
最後上效果:(我是用鍵盤在控制,當然用滑鼠點也可以)
今天先到這裡,晚安




創作回應

更多創作