pico3pro使用unity播放360全景视频及事件交互

1.准备好全景视频，看起来是这样子的。

2.新建一个Materal

注意选择Shader如上图，Render Queue选择AlphaTest，因为我们要在视频前面放置按钮，UI的渲染值为3000，所以可以避免UI不显示的问题，这样UI会一直显示，我们可以通过缩放的方式，让UI显示出来。

3.新建一个Sphere

注意在Sphere下，新建组件Video Player，将视频拖拽到Video Clip中。

这个Sphere可以设置的大一点，方便我们将XR Origin放进入，方便测试吧。

这时候可以直接在PC上测试，在Scene窗口，球外面是下面这个样子的。

然后控制摄像机，移动到球内部就是下面的样子。

4.添加XR Origin

注意修改Camera Offset中Y的值，在设备中多次尝试，使得画面没有扭曲。

5.下面是交互事件，在最外面的Sphere的球下面新建一个子物体，这里面还是用Sphere，下面要做手柄点击这个Sphere，显示canvas。

在球外面看，是下面的样子

在球里面看，是这样子的，当然也可以自己还好看的贴图。

注意如何确定这个球的位置呢，就是看你自己需求，想点击哪里就设置在哪里。但是视频是在播放的时候在能看到画面，停止的时候你的所有操作又恢复了，所以这里有个小技巧，在指定的画面帧进行截图，这时候你截取就是一个全景图，然后新建一个材质，将截屏的图拖拽到下图的位置。

然后将这个截图的材质，覆盖到最外面的Sphere上面。

如下图，这样你可以确定你要交互的位置是那里了，我要交互式交通指示牌下面，所以把标识放置到那里。

在这个球上，添加XR Simple Interactable组件，新建脚本SphereInteractor。

SphereInteractor脚本内容如下

using DG.Tweening;
using UnityEngine;
using UnityEngine.XR.Interaction.Toolkit;public class SphereInteractor : MonoBehaviour
{public GameObject canvas;public void OnSelect(XRBaseInteractor interactor){canvas.transform.DOMoveX(-0.3f,1);canvas.transform.DOScale(new Vector3(0.02f,0.02f,0.02f),1);}
}

这里用了DOTween插件，先将他设置在Sphere后面很小很小，然后点击时候通过动画将他放大。

不通过DOTween也可以，先让canvas隐藏，然后通过canvas.SetActive(true)让他出现。

在标识Sphere下面新建canvas，用于显示按钮或文字。

注意Render Mode选择World Space。

6.最后一步就是，确定在制定的帧之后，让之前的canvas消失。在最外面的球上，新建一个脚本监控视频的帧数。

当23帧之后镜头切换了，这时候我们就可以隐藏之前的canvas了。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.Video;public class VideoController : MonoBehaviour
{private VideoPlayer vp;public GameObject canvas;// Start is called before the first frame updatevoid Start(){vp = GetComponent<VideoPlayer>();}// Update is called once per framevoid Update(){Debug.Log(vp.time);if (vp.time > 23){canvas.SetActive(false);}}
}

pico3pro使用unity播放360全景视频及事件交互相关推荐

【Android开发VR实战】二.播放360°全景视频
转载请注明出处:http://blog.csdn.net/linglongxin24/article/details/53924006 本文出自[DylanAndroid的博客] [Android开发 ...
【Unity实战100例】---Unity制作360全景移动端陀螺仪交互
欢迎加入Unity业内qq交流群:956187480 一.全景图的制作有很多种方法制作全景图.但是在unity里面实现的话最常用的有两种方法 1.新建sphere直接附上全景贴图(Unity默认的s ...
2022-08-26 Unity视频播放4——全景视频
文章目录一.在 Unity 中使用全景视频二.使用全景视频时的注意事项 Unity 支持的全景视频: 等距圆柱投影布局,也称为球面投影.简化圆柱投影.矩形投影或普通圆柱投影视频宽高比为 2:1 ...
there.js移动端 IOS 安卓 360全景视频（vr）
360全景视频3D播放源码使用mxreality.js技术 <!DOCTYPE html> <html lang="en"><head>< ...
论文阅读：基于感兴趣区域的360°全景视频编码
论文名字基于感兴趣区域的360°全景视频编码来源期刊激光与光电子学进展年份 2018 作者吴志强,郁梅,姜浩,陈芬,蒋刚毅核心点提出一种基于ROI的360°全景视频编码算法阅读日 ...
基于Unity的VR全景视频（一）
实现全景视频播放主要包括两种方式:1.以暴风魔镜等移动端为载体的开发 2.以HTC vive等PC端为载体的开发.这是因为Unity自身的MovieTexture仅可以支持PC端,而在移动端只能利用类 ...
(译)360全景视频制作专题-介绍
译者小序: 在虚拟现实全景拍摄这个领域已经研究有一年多时间了,其中接触和实验过各种类型的拍摄方法以及总结其中各类的优缺点.鉴于公司对于这一部分还没有对外的计划,所以我们自己研究的内容暂时不能作为一个公 ...
360°全景视频图制作
Pano2VR 是一个全景图像转换应用软件.把全景图像转换成的QuickTime或者Macromedia Flash8和Flash 9格式的功能能够轻松的将各种格式的视频文件转换成能够全景观看的VR ...
unity android全景视频播放,Unity：VR初探-通过Skybox Material制作360°全景视频
使用的VR SDK就不赘述了,本人使用的是HUAWEI VR SDK,设备为HUAWEI VR眼镜2.0. 具体操作步骤: 1.新建一个RenderTexture: RenderTexture.png ...
Unity制作360°全景背景（内部可见shader）
Unity项目中经常会出现非全封闭式的建筑场景,玩家能看到场景之外的一些内容(不可避免),就需要有一个360°无死角的全景背景来避免穿帮,而不是使用Unity自带的虚空作为背景. 制作全景背景有两种方 ...

pico3pro使用unity播放360全景视频及事件交互

pico3pro使用unity播放360全景视频及事件交互相关推荐

最新文章

热门文章