这篇帖子主要介绍怎么创建VR UI。
VR UI设计的一般标准(以Oculus Rift为准):
用户界面最好做成 3D 虚拟世界的一部分,放在离人眼最少 50cm 的地方,不管是平面,圆筒形还是球形。
不要让使用者转动眼睛来看界面。界面最好居中并占屏幕的 1/3。或让使用者转头来看完整 UI。
谨慎使用那些会让 UI 跟着头部移动和缩放的功能。(比如一个会根据头部转动来滚动的长菜单)。如果要做,也一定要保证 UI 的移动跟使用者的头部移动一致,而且
能一直看清楚,否则会让人不适。
最好让你的用户界面跟 3D 虚拟世界融合。比如,枪的子弹容量最好直接写在枪的模型的某处,而不是显示在悬浮的 HUD 上。
鼠标指针,光标,准星等一定要渲染到被瞄准物一致深度中。否则会产生模糊甚至重影。
不要让使用者的焦距在近远不同的两个物体间频繁切换。比如一会儿看离眼睛很近 的 HUD,马上又要看离自己比较远的物体。
常见形式:
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中的位置即可。
联系方式:0755-81699111
课程网址: http://www.vrkuo.com/course/vr.html