魔镜VR，如何使UI在视野中左右静止，上下旋转

最新推荐文章于 2022-03-07 11:52:57 发布
最新推荐文章于 2022-03-07 11:52:57 发布
阅读量1.4k 收藏 1
点赞数 1
分类专栏： 魔镜VR 文章标签： ui 360
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_15267341/article/details/52871682
版权

最近发现市场上很多app使用这个技术，最开始我思考自己做，但是实现效果不好，最后发现暴风魔镜自带的一个Demo就是我想要的效果，demo名字为：360PhotoDemo

下面就对这个demo做个改造，以达到我们想要UI的效果

这里写图片描述

简单的调整下图 中UI的位置，使其正在屏幕的中央

这里写图片描述

现在运行一下场景，观察一下那个UI，我们要的效果已经轻松实现！

记得有人问过，说能不能使头盔在左右旋转时，UI有一个缓慢移动的效果，可以使用下面方法来实现：

这里写图片描述

这里写图片描述

FR:海涛高软（http://www.xuhaitao123.com/）

海涛高软
关注
专栏目录
SwiftUI 打造一款收缩自如的 HStack（三）：“魔镜魔镜，我爱你”
享受开发，颠倒银河
01-05 965
在本篇博文中，我们讨论了如何使用“魔镜”般的黑魔法神奇的摆脱可收缩“HStack“实现中多余的“赘肉”，最后我们不禁哼出“解放区的天是明朗的天，解放区的秃头码农好喜欢”的曲调，棒棒哒！
Unity---实现UI在World Space模式下跟随摄像头旋转
ayouayouwei
05-13 3987
在VR中使用UGUI，模式选择的是World Space，想实现的效果是让UI一直是正对着摄像机。 只要在Update()函数中添加一句话就可以啦： this.transform.LookAt(camera.transform); ...
5 怎么上下分屏_上下分屏转左右分屏
weixin_28922227的博客
01-15 7642
上下分屏 转 左右分屏很多朋友都不知道上下分屏的vr电影到底该怎么看，这里把我的方法提供出来给大家参考，其他的VR问题也可以来问我哦~么么哒第1，我们得准备几个工具：手机，VR播放器(橙子vr、utovr都可以)，vr眼镜第2，手机下载上下分屏的VR影片，通过各种途径，反正就是必须先下载到手机上，这里说说现在最常用的，百度云下载的，通过百度云下载VR视频，必须要下载原版，不能下载流...
VR中UGUI在最上层显示的解决方案
weixin_43234457的博客
06-26 1108
该方案参考了CSDN 创建一个Shader，代码如下： // Upgrade NOTE: replaced ‘mul(UNITY_MATRIX_MVP,)’ with 'UnityObjectToClipPos()’ //需要赋给场景，专门用于解决UI置顶问题 Shader “UI/Overlay” { Properties { [PerRendererData] _MainTex (“Font ...
HTC Vive 通过Unity实现手柄控制移动和拾取效果
热门推荐
weixin_36504157的博客
06-27 1万+
1、打开Unity，导入SteamVR插件2、删除场景中自带的摄像机，把SteamVR中的CameraRig拖到场景中。如图2.1 其中Controller为手柄 分左右手柄 Camera指头盔，其中Camera（eye)来控制视角  Camera(ears）来侦听游戏当中的声音。3.为其中的一个控制器添加脚本组件 ，取名为MoveControl4.在MoveControl中书写控制移动脚本 ...
【unity3d】解决NGUI在VR·cardboard中UI分屏的问题
lzh1590的博客
03-16 3087
问题描述：在cardboard中做UI是一个很头疼的问题。因为cardboard组件会自动屏蔽UI，默认的UGUI系统不会显示，NGUI也是如此，GUI能显示，但不会分屏。而开发VR时，不可避免的要使用UI，自己开发UI成本还太大。虽然谷歌SDK中有介绍使用UGUI的方式，但不好使，示例也不清晰。所以还是探索NGUI的方式更好，毕竟NGUI底子还是UGUI，毕竟NGUI自己还有很多拓展插件，比如i
魔镜VR接口说明文档
01-07
魔镜VR的接口说明文档 版本 Version 日期 Data 作者 Author 注释 Comments 1.3 2016.6.6 罗敏 1、IOS平台发布设置，Home键在右； 2、不再支持Unity5.1及以下版本； 3、增加魔镜5代、RIO镜片支持； 1.3 2016-06-21 刘...
暴风魔镜VR 、HTC VR插件 及制作网址
02-18
暴风魔镜的硬件设计注重舒适性和便携性，同时其软件方面也支持多种格式的VR内容播放，使用户能够在不同的环境下轻松体验VR世界。 其次，HTC VR则主要指的是HTC Vive，这是一个高端的PC端VR系统，以其高分辨率、低...
基于Dragonboard 410c的智能魔镜设计(8)-python脚本实现UI原型.pdf
06-25
首先，文章提到使用了`designer.exe`工具来创建原始的魔镜UI界面。这个工具是Qt库的一部分，用于可视化设计GUI界面。通过`designer.exe`，可以拖放控件、设置布局和调整属性，快速构建UI原型。然而，对于更复杂或...
基于Dragonboard 410c的智能魔镜设计(8)-python脚本实现UI原型.docx
06-25
在本篇文档中，我们将探讨如何使用Python脚本来实现基于Dragonboard 410c的智能魔镜的UI原型设计。Dragonboard 410c是一款小巧而强大的开发板，适用于各种嵌入式项目，包括智能魔镜。在这个项目中，UI设计是至关重要...
写给VR手游开发小白的教程：（三）UnityVR插件CardboardSDKForUnity解析（二）
xf__mao的博客
07-30 1万+
上一章讲了Cardboard这个类，做一个总结，这个类总就是给一些私有的变量去提供了共有的接口，以供用户去修改他们的值。这些量大多都是用户级别的变量，多是控制一些功能的使能，例如是否开启VR模式等。还有一个重要作用，类实现了自身的单例化，如下： public class Singleton {     private static Singleton _instance = null;
全程技术干货：VR画面渲染性能是这样提升的
mryu9958的博客
10-12 9934
本文您将了解到： 1，VR渲染面临什么问题？ 2，如何做好VR的渲染？ 3，怎样提升VR渲染的性能？ 渲染对于VR内容的开发来说，是非常重要的议题。 但在现在的VR内容开发中，却还没有成熟的解决方案，特别是针对Unity开发者。 近期，VR价值论在VRCORE公开课上找到一份VR渲染指南。 包括渲染方面的基础知识，以及在Unity里面如何去优化渲染的效
Unity3D 初涉门径 之鼠标控制视角转动
JeterPong's Column
02-28 8907
前面，学了物体的移动功能，现在来学一下鼠标控制摄像机(视角)移动 ( ⊙o⊙ )~。代码如下： C#脚本(在Unity 5.5.1 下能运行)： using System.Collections; using System.Collections.Generic; using UnityEngine; public class MouseView : MonoBehaviour { publi
使用frame制作左右分屏的页面
yahahassr的博客
03-12 3273
利用frame框架，将页面分为左右两部分，左边是导航，右边是显示页面，这是管理系统的常见布局。 效果如下 左边是导航，右边是页面，点击左边按钮，左边页面不变，右边页面在跳转。类似这样。 html代码如下。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&quot
第一人称视角漫游（unity + 暴风魔镜）
U_laoba的博客
06-17 8348
没用的话就不说了，直接开始。 1：打开Unity,将场景的摄像机删除掉。找到MojingMain.prefab，添加到场景中。 2：搭建场景。 3：场景中添加MojingFirstCharacterController.prefab和IntegrateInputManager.prefab 4：创建一个空对象，名字为Overlay，并为该对象添加SetOverlay.cs脚本 8：在Mo
UE4/VR/3DUI交互---动态弹出、动态视角跟随、防遮挡显示以及射线交互
New_WTF的博客
03-07 6918
VR/3DUI交互—动态弹出、动态视角跟随、防遮挡显示以及射线交互 VR3DUI交互实现（都是一些简单功能简单记录一下，最后附视频效果） 一、动态弹出 新建弹出事件，通过Timeline控制3DUI的Pitch（Y）轴；基本的蓝图类，初始化啥的就不赘述了；话不多说，上图。 这里需要先将3DUI设为Pawn的子对象；通过Alpha值设置角度；优化弹出效果，TimeLine可以做个曲线; 二、动态跟随 写在Tick事件里，Delta是限制角度，当视角跟3DUI角度偏差大于这个数值，就执行后续跟随跟随代码，直到角
html5 CSS角度单位：deg、grad、rad、turn --------transform用法
VR_dancy的博客
04-16 1696
p { display: inline-block; background:yellow; transform:rotate(20grad); } 1、deg 度（Degress）。一个圆共360度 90deg = 100grad = 0.25turn ≈ 1.570796326794897rad 2、grad 梯度（Gradians）。一个圆共400梯度 90deg ...
理解HTC Vive更新——控制相机旋转和位移
cartzhang的专栏
05-15 1万+
本文章由cartzhang编写，转载请注明出处。 所有权利保留。 文章链接：http://blog.csdn.net/cartzhang/article/details/72188658 作者：cartzhang一、写在前面 在HTC的vive 头盔中， 一旦Vive头盔连接都unity游戏中，就会控制所有Camera的旋转和位置。 这对于有需要的控制非头盔相机带来了烦恼。 比
2016年中国VR用户行为深度剖析与产品排行
本报告是中国VR用户行为的研究成果，发布于2016年3月18日，由暴风魔镜国家广告研究院知萌咨询机构编撰。报告分为四个部分，全面探讨了中国VR产业的发展状况、用户群体特性、产品排行榜以及商业潜力挖掘。 第一部分...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值