关闭

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

标签: 虚拟现实VR
2161人阅读 评论(0) 收藏 举报
分类:

原帖地址:欢迎支持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 
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:219945次
    • 积分:3090
    • 等级:
    • 排名:第11260名
    • 原创:83篇
    • 转载:0篇
    • 译文:1篇
    • 评论:148条
    AR技术交流群
    AR技术交流群:129340649 欢迎加入!
    博客专栏
    最新评论