无论是游戏,还是虚拟现实等,都不可能缺少UI界面的制作,对于界面我们可以分为两种UI界面,一种是能够跟随VR头盔移动的UI,另一种为不跟随头盔移动的UI,也就是将UI看作三给空间中的游戏对象。

UGUI的Canvas渲染模式:

第一种:Screen Space - overlay
此模式不需要UI摄像机,UI将永远出现在所以摄像机的最前面,如果想在UI前面显示一个模型或者NPC等游戏对象就不行了,所以VR的UI不适用这种渲染模式

第二种:Screen Space -Camera
从模式是比较适合VR开发的,它需要提供一个摄像机用于渲染UI界面,这种形式我们就可以在UI界面与摄像机之间放置一些游戏对象,可以通过设定渲染摄像机,使用UI跟着头盔进行移动。(你怎样转动UI都会一直出现在视野前方)

第三种:Screen Space - Space
把UI当做3D物体一样的,完全是个3DUI,整个Canvas画布被认定为是一个3D空间中的游戏对象,与创建的其他游戏物体一样,即此模式下的UI不会跟着头盔移动


Unity中UI的交互:
在VR 中的交互通常情况下,会通过手柄发出一条射线,用线来操作UI界面,,,

给玩家看的线条的绘制:有下面几种方式

  • 利用LineReander绘制
  • 3DUI实现
  • 利用Cube缩放
  • GL库绘制

UI的交互方式:通过手柄发出射线,当射线碰撞到UI元素后,结合手柄的操作,调用相应的方法,,,

using System.Collections;
using System.Collections.Generic;
using UnityEngine;//代码挂载到手柄上
public class MyLineTest : MonoBehaviour {private LineRenderer line;                        //要画出来的线private Vector3[] posArray = new Vector3[2];      //射线的起始点private Ray ray;                                  //真正检测用的射线private RaycastHit rayHit;                        //获取射线碰撞信息private SteamVR_TrackedObject steamvrObj;         //获取VR组件引用private SteamVR_Controller.Device device;         //用来接收设备索引void Start () {//获取射线组件line = GetComponent<LineRenderer>();if (line == null){   //没有则添加line = this.gameObject.AddComponent<LineRenderer>();}//设置画出来线的宽度,,(使用户看起来想红外线一样)line.startWidth = 0.002f;line.endWidth = 0.002f;//获取组件上的设备索引,,找到当前连接的设备steamvrObj = this.GetComponent<SteamVR_TrackedObject>();device = SteamVR_Controller.Input((int)steamvrObj.index);}// Update is called once per framevoid Update () {//设置起点和终点,起点是手柄的位置,终点是手柄前面100个单位的位置posArray[0] = this.transform.position;posArray[1] = this.transform.position.normalized * 100;//画线使 用户看到line.SetPositions(posArray);//创建出射线ray = new Ray(posArray[0], posArray[1]);//检测碰撞if (Physics.Raycast(ray, out rayHit, 100)){//按下Trigger键if (device.GetPressDown(SteamVR_Controller.ButtonMask.Trigger)){//碰撞到Cubeif(rayHit.collider.name == "Cube"){Debug.Log("射线碰撞到了Cube");  //这样就可以做交互了}}}}
}

Unity 之 虚拟现实的UI制作和交互相关推荐

  1. Unity VR的UI制作和交互

    无论是游戏,还是虚拟现实等,都不可能缺少UI界面的制作,对于界面我们可以分为两种UI界面,一种是能够跟随VR头盔移动的UI,另一种为不跟随头盔移动的UI,也就是将UI看作三给空间中的游戏对象. UGU ...

  2. Unity MVC设计模式与UI背包界面制作

    Unity MVC设计模式与UI背包界面制作 MVC设计模式非常适合UI的架构,UI界面相当于View,UI转换控制相当于Controller,UI上面的数据变换相当于Model.MVC设计模式在软件 ...

  3. 【Unity】虚拟现实 VRTK插件使用教程(六)VR UI (UGUI和VRTK的事件处理机制)

    文章目录 UI 2D UI 画布设置 相机设置 用途 3D UI 画布设置 交互 UGUI事件处理流程 VRTK事件处理流程 VRTK源码解析 UI UI通常按类别分为三种,即2D UI.3D UI. ...

  4. Unity游戏积分/计分UI系统制作方法

    Unity游戏积分/计分UI系统制作方法 本篇博客将讲解游戏开发中常见的积分/计分系统的制作,看过论坛有很多这种帖子,但基本都是从一个大型系统里进行讲解,今天我把这个方法独立挖出来做个小案例,来分析这 ...

  5. Ruby‘s Adventrue游戏制作笔记(十六)Unity子弹数量及其UI

    Ruby's Adventrue游戏制作笔记(十六)Unity子弹数量及其UI 前言 一.创建新的UI 二.编辑脚本 三.创建获得子弹的道具 系列链接 前言 本文章是我学习Unity官方项目项目所做笔 ...

  6. 1.15 从0开始学习Unity游戏开发--游戏UI

    上一章中,我们剩下最后一个任务,需要支持鼠标控制准心来进行设计,那么准心本质上就是一个始终呈现在屏幕上的一个图片,你当然可以用一个3D物体来制作,之前讲解渲染概念的时候也提到过,我们的屏幕就是相机的近 ...

  7. Unity使用协程技术制作倒计时器

    先上效果图 图片资源来自http://www.51miz.com/ 1.素材准备 在http://www.51miz.com/搜索png格式的数字图片,用Unity自带的图集制作工具,进行分割.Con ...

  8. Unity NGUI 网络斗地主 -界面制作

    Unity NGUI 网络斗地主 -界面制作 源文件在群(63438968群共享!) @灰太龙 这一节说一下NGUI的界面摆放,并且教会大家使用NGUI的自适应功能! 在这里感谢@Gamer,是他给我 ...

  9. Unity 蓝湖 关于UI工作流优化的思考(二)

    背景和历史版本在下面这篇博客中查看: Unity & 蓝湖 关于UI工作流优化的思考 最新版本: 本文旨在让不会使用Unity的其他人员在简单了解该工具后,可以帮助研发人员搭建Unity中的U ...

最新文章

  1. 山工kw什么意思_【山工装载机故障灯KW什么意思】专区-山工-装载机-铁甲网
  2. python flask 大文件 下载_flask - python上传大文件到服务器报错
  3. RabbitMQ (一)第一个hello world
  4. fastcgi与cgi的区别
  5. 20191208_神经网络交叉验证
  6. [转载]DevOps建立全生命周期管理
  7. C#复习笔记(3)--C#2:解决C#1的问题(泛型)
  8. jquery on() 转
  9. 费马小定理费马大定理
  10. 超声波清洗机是什么?
  11. LSF - 基础 - 管理
  12. 左飞老师——凝聚人生智慧的6句话
  13. 如何设置和取消Mac电脑的开机密码?
  14. 开发过程问题汇总(不断更新)
  15. android view交替动画,Android View原理(View树遍历,View重绘,View动画)
  16. 旋转不变性、尺度不变性
  17. 连引用都答不上,凭什么说你是Java服务端开发
  18. 使用python计算行列式
  19. 可以复用的数据中台架构与建设实践 | 数据中台公开课
  20. 历史记录艺术画笔工具

热门文章

  1. 还在纠结女生节礼品?看天猫大数据怎么说
  2. asp.net 使用application实现单点登录(一个账号只能在一个地方登录)
  3. vue使用canvas保存页面为图片,得到图片url
  4. android 腾讯直播sdk,Android-接入腾讯直播遇到的问题
  5. 孙鑫VC++深入详解:Lesson6 Part2 -- MFC菜单更新机制 用该机制实现 Enable or Disable MenuItem
  6. 云大计算机初试最高分,2018年云南大学考研初试成绩及总分排名查询通知
  7. 滑模控制(Sliding mode control)快速入门
  8. zcmu——-4921 字符串连接(不调用任何c的库函数实现字符串拼接)
  9. 利用a标签的click方法下载APK到电脑本地
  10. 橘子为何变成枳?除名崔鹏乃足协无能!