關於VRTK 給手柄賦按鈕提示UI

關於VRTK 給手柄賦按鈕提示UI


在我們做VR項目的時候,肯定要做的一個東西便是UI,而關於UI,又很多東西能講的。但是,今天我要講的是關於給VR手柄添加UI,也就是給手柄添加按鈕提示的UI。
方法一:
一開始的時候,我想的比較直接,但是也是一種辦法,就是直接把世界空間的畫布掛在手柄上,這不就可以做成一個提示ui嗎,而且還可以自己定製。當然,這的確是一種辦法,但是有個很大的麻煩,就是手柄在不運行的時候,或者說在運行的時候,是看不到的,手柄的渲染是通過代碼形成的,你無法精準的把畫布放到合適的位置,除非你在運行的時候,一點一點慢慢地,有耐心地調,當然調到合適位置,然後再copy 畫布transform組件的值,關閉運行然後粘貼到畫布上。操作如下:
1. 在手柄下創建畫布,調整大小,注意這是世界空間的畫布
添加畫布
2. 運行遊戲,調整畫布位置,調到與手柄按鈕相應的位置
這裏寫圖片描述
這裏寫圖片描述
3. 複製運行時調好的畫布的參數,關閉運行,再把參數複製到畫布上
這裏寫圖片描述
4. 再次運行檢查位置,再作相應調整
這裏寫圖片描述
方法二
第二種方法,自然是更輕鬆的方法,要使用這種添加方法,我們要參考VRTK官方案例 029_Controller_Tooltips
這裏寫圖片描述
打開左手柄的LeftController映射,其實兩個手柄的設置都一樣,打開哪個都無所謂,打開之後如下圖:
這裏寫圖片描述
ControllerTooltips : 控制所有按鈕提示
TriggerTooltip: 控制Trigger按鈕提提示
Line : 按鈕提示的指示線,一端指向按鈕,一端指向ui
LineStart : 指示線的起始點
TooltipCanvas: ui畫布
UIcontainer : ui的容器,簡單點說就是控制ui的背景,顏色之類的
UITextFront : 畫布前方的文字
UITextReverse : 畫布後方的文字
如下圖:
這裏寫圖片描述
打開ControllerTooltips,在inspector面板裏查看它的組件:
這裏寫圖片描述


首先是Button TextSettings下面是設置按鈕提示的文本,如果不輸入文字,就不會顯示提示按鈕,上面的圖中,默認只寫了四個文本,所以只顯示了四個按鈕提示。
而接下去的是提示工具的顏色設置,按鈕設置,這些都比較好理解,而在最下面,有一個Hide when not in view,這個如果勾上,就只有當你看向手柄時,提示按鈕纔會出現,不看向它時,就自動隱藏。


其次是再打開TriggerTooltips 在Inspector面板查看它的屬性:如下
這裏寫圖片描述
其實這些屬性理解起來也很簡單,這裏要注意的是,設置畫布的寬和高,在Container裏面設置是沒有用的,要在這個組件設置才能生效,因爲裏面的腳本進行了初始化操作,讓Container的背景在這裏進行設置,而不用另外去設置它本身。再有一個是最下面的參數,Always Face Headset,勾選它,ui會一直面向你。
*******************************分割線**********************************************
下面是我做一些調整之後的效果:
這裏寫圖片描述
這裏寫圖片描述

最後,新手小白開始寫文章,有什麼紕漏歡迎各位大佬指正。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章