Skip to main content
VRCHINA
AR论坛
 首页 » 资源教程 » Unity3D教程

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

2016年09月06日 19:30:219980ar学院

这篇帖子主要介绍怎么创建VR UI。

常见形式:

1、2D 

NGUI、UGUI

2、3D

模型

由于后续NGUI可能停止更新以及与U3d后续版本不兼容问题,那么主要就以UGUI为例。NGUI简单说说。

3D模型的话没什么好说,就跟普通VR场景一样设置。

2DUI,可以两个屏幕都显示,也可以只显示一个。

一、双屏显示状况:

NGUI怎么分屏?

  • 创建一个panel,会发现UI Root下有个Camera,那么直接创建两个这样的Camera,模拟人的左右眼即可。(注意depth的设置,否则看不到NGUI)

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

Left:  

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

Right:

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

最后效果:

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

UGUI怎么分屏?

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

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

这样就相当于将UGUI转换成3D对象。

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

3D模型怎么分屏?

  • 设置Camera如下图,LeftCamera与RightCamera的视口矩形大小(Viewport Rect)设置如NGUI中的设置。

  • 最后效果图:

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

二、单屏显示状况:

  • Camera的设置同分屏情况

  • 设置好NGUI/UGUI在Left或者RightCamera中的位置即可。

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

为了让大家看清楚,这个是旋转了摄像机角度之后的结果。

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

评论列表暂无评论
发表评论