教你如何开发VR游戏系列教程四:UI 设计

这篇帖子主要介绍怎么创建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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容