這篇帖子主要介紹怎么創(chuàng)建VR UI。

VR UI設(shè)計(jì)的一般標(biāo)準(zhǔn)（以O(shè)culus Rift為準(zhǔn)）：

???用戶界面最好做成 3D 虛擬世界的一部分，放在離人眼最少 50cm 的地方，不管是平面，圓筒形還是球形。

???不要讓使用者轉(zhuǎn)動(dòng)眼睛來(lái)看界面。界面最好居中并占屏幕的 1/3。或讓使用者轉(zhuǎn)頭來(lái)看完整 UI。

???謹(jǐn)慎使用那些會(huì)讓 UI 跟著頭部移動(dòng)和縮放的功能。(比如一個(gè)會(huì)根據(jù)頭部轉(zhuǎn)動(dòng)來(lái)滾動(dòng)的長(zhǎng)菜單)。如果要做，也一定要保證 UI 的移動(dòng)跟使用者的頭部移動(dòng)一致，而且

能一直看清楚，否則會(huì)讓人不適。

???最好讓你的用戶界面跟 3D 虛擬世界融合。比如，槍的子彈容量最好直接寫在槍的模型的某處，而不是顯示在懸浮的 HUD 上。

???鼠標(biāo)指針，光標(biāo)，準(zhǔn)星等一定要渲染到被瞄準(zhǔn)物一致深度中。否則會(huì)產(chǎn)生模糊甚至重影。

???不要讓使用者的焦距在近遠(yuǎn)不同的兩個(gè)物體間頻繁切換。比如一會(huì)兒看離眼睛很近 的 HUD，馬上又要看離自己比較遠(yuǎn)的物體。

常見(jiàn)形式：

1、2D

NGUI、UGUI

2、3D

模型

由于后續(xù)NGUI可能停止更新以及與U3d后續(xù)版本不兼容問(wèn)題，那么主要就以UGUI為例。NGUI簡(jiǎn)單說(shuō)說(shuō)。

3D模型的話沒(méi)什么好說(shuō)，就跟普通VR場(chǎng)景一樣設(shè)置。

2DUI，可以兩個(gè)屏幕都顯示，也可以只顯示一個(gè)。

一、雙屏顯示狀況：

NGUI怎么分屏？

創(chuàng)建一個(gè)panel，會(huì)發(fā)現(xiàn)UI Root下有個(gè)Camera，那么直接創(chuàng)建兩個(gè)這樣的Camera，模擬人的左右眼即可。（注意depth的設(shè)置，否則看不到NGUI）

設(shè)置Camera的View port,如圖：

Left:

Right:

最后效果：

UGUI怎么分屏？

設(shè)置Camera如下圖，LeftCamera與RightCamera的視口矩形大小（Viewport Rect）設(shè)置如NGUI中的設(shè)置。

將Canvas Render Mode設(shè)置為World Space.

這樣就相當(dāng)于將UGUI轉(zhuǎn)換成3D對(duì)象。

3D模型怎么分屏？

設(shè)置Camera如下圖，LeftCamera與RightCamera的視口矩形大小（Viewport Rect）設(shè)置如NGUI中的設(shè)置。

最后效果圖：

二、單屏顯示狀況：

Camera的設(shè)置同分屏情況

設(shè)置好NGUI/UGUI在Left或者RightCamera中的位置即可。

聯(lián)系方式：0755-81699111

課程網(wǎng)址： http://www.vrkuo.com/course/vr.html