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

原帖地址:欢迎支持AR学院


这篇帖子主要介绍怎么创建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  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值