教你如何開發VR遊戲系列教程四:UI 設計
阿新 • • 發佈:2019-01-08
這篇帖子主要介紹怎麼建立VR UI。
常見形式:
1、2D
NGUI、UGUI
2、3D
模型
由於後續NGUI可能停止更新以及與U3d後續版本不相容問題,那麼主要就以UGUI為例。NGUI簡單說說。
3D模型的話沒什麼好說,就跟普通VR場景一樣設定。
2DUI,可以兩個螢幕都顯示,也可以只顯示一個。
一、雙屏顯示狀況:
NGUI怎麼分屏?
- 建立一個panel,會發現UI Root下有個Camera,那麼直接建立兩個這樣的Camera,模擬人的左右眼即可。(注意depth的設定,否則看不到NGUI)
- 設定Camera的View port,如圖:
Right:
最後效果:
UGUI怎麼分屏?
- 設定Camera如下圖,LeftCamera與RightCamera的視口矩形大小(Viewport Rect)設定如NGUI中的設定。
- 將Canvas Render Mode設定為World Space.
這樣就相當於將UGUI轉換成3D物件。
3D模型怎麼分屏?
- 設定Camera如下圖,LeftCamera與RightCamera的視口矩形大小(Viewport Rect)設定如NGUI中的設定。
- 最後效果圖:
二、單屏顯示狀況:
- Camera的設定同分屏情況
- 設定好NGUI/UGUI在Left或者RightCamera中的位置即可。
為了讓大家看清楚,這個是旋轉了攝像機角度之後的結果。
OK,那麼今天就講到這裡,歡迎大家一起加入交流討論,咱們官方技術交流群是:
AR/VR學院技術交流群 129340649