1. 程式人生 > >教你如何開發VR遊戲系列教程四:UI 設計

教你如何開發VR遊戲系列教程四:UI 設計

這篇帖子主要介紹怎麼建立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,如圖:
Left:  
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