简单实现VR漫步体验——流程

工具：unity

目标：vrAPP（当然windows，linux的成品都行的，对操作步骤无影响，只要最后打包的时候选择相应的输出平台就好）

PS：建议一开始就选好，不然后面项目越大，切换平台越久，万一电脑又不给力当机了就不好（unit可太吃资源了！）

本文实现类似google地图的vr浏览那样的，非纯3d模型的自由移动。

因为自己弄的时候是因为课题，之前完全没接触过这些，磕磕碰碰，所以就想写一篇类似流程大纲，篇幅过长和啰嗦请谅解。文中不详尽的地方基本都是能搜得到的，就不多论述。

本文分为以下几个步骤：

一：全景图/3D模型准备（本文以全景图为例）

想通过虚拟现实（VR）来体验现实的场景，便要用到一类特殊的图片——全景图。

全景图分为360和720全景图，推荐准备720全景图。720全景是横向360度与纵向360度三维的视角，即上下左右前后可以自由观看（360通常是目光水平环视一圈，即丢失部分天空和地面，在VR视角就是头顶和脚下两个洞）。

PS：720的全景图，像素比是2：1

例图：注意左右是相连的

拍摄工具：简便的有 转转鸟（看别人视频是可以，但我两部手机都没成功过）之类的app（GoogleVR是360的，头顶和地下是0填充的）.或者专门的全景相机，如 insta 360（挺好用的，买不起的可以看看学校有无，借借，博主就是借学院的）。

二：制作场景

既然要让别人能看到实景，自然要将全景图展示出来，那如何是使准备好的平面图片（360/720）呈现立体视图？据我了解有以下方案

制作天空盒

1. 1：首先将将图片导入（拖拽即可），点击导入后的图片，看属性栏，将Texture shape 更改为cube 格式（不同版本unity位置可能不同）。PS：MAX size关乎图片质量。

1. 2：新建材质Material,更改Material模式为skybox的cubemap。

PS:6 sided也可以，用工具将图片分成6份，我用过PTGui工具可以，万一你只能弄到360的图就用这种方法，另外两面用纯色图片或者模糊图，用360的图用cube的方法图片会扭曲。（我看有用PS补全360为720的。。。还挺像回事，前提是你的天空和地面比较统一的色彩）

将1步骤后的图片拖入。

1. 3：将做好的Material拖到setting中的skybox

此时整个场景即你的全景世界.（左图是原始场景的样子）

• 制作球体视界

1：同样是导入图片，但无需其他处理

2：新建Material材质球（此时拖不了图片进去）。新建shape，unity会自己生成一些代码，不管，加一句cull off，将shape拖给Material（就发现可以拖拽图片给他了）

Cull Off 不剔除                                                   
Cull Back 剔除背面（背向摄像机的面）
Cull Front 剔除前面 （朝向摄像机的面）  

3：场景中新建物体Sphere，将2中的材质球拖入即可（若没有cull off，全景图只显示相机方向的，内部看不到，cull front也行）

左边是相对外界是个球体，右边将相机放置内部就跟上一个方法一样了。

这就好比做了个缩小版的天空盒，将摄像头置于内部，达到方法一的效果。要注意的是，图片贴在物体表面相对外是正面，在里面看加了cull off其实是看的反面，所以对图片本身要进行个左右翻转的操作，可以对素材本身镜像处理，或者用代码解决。

对比：前者对于多场景要创建很多scene（一个scene天空盒唯一），这时候打包的程序很大（原因我没探究，也不一定是这个的错），好处是场景效果好，不过也可以只用一个scene，本人没试过，下面只会简单介绍。后者在一个scene内多物体打包的程序小很多，缺点是场景会有扭曲（也有解决办法，但会导致真空地带比如头顶或地下没了，通过修改xxx，其实就是用扭曲打败扭曲）

三：vr处理

既然打着VR的标题，怎么一点VR的内容都没呢？其实unity都已经集成了，这反而是最好处理的。在player setting 中 选上 vr。此时点击unity的运行，看模拟画面是正常3d，但你打包就会发现已经分屏了（那种vr视图）。同时在setting中可以控制输出平台，选择android打包出来就是apk。

PS：建议项目一开始就选好，项目越大改平台时间越久。。。这个注释好像在开头已经有了orz

（设置后的手机效果）

还有就是弄个google的cardboard包（unitypackage），里面的player就包括了摄像机，视线焦点等处理，就很方便，不然人物一些处理还要自己写。其官方文档本身就很详细，包内也有demo

ps：自己用的话，player、Control、event、Editor（运行窗口按ALT+鼠标模拟相机转动）就够了

四：场景跳转（后面代码内容基于三中的cardboard包，不然要麻烦很多，获取视线焦点，光标，人物旋转等等）

既然地图已经有了，那么我们人物（摄像头）要怎么移动呢？对于上面的两种场景模式，方法代码也不一样。但物体绑定操作一样。流程就是用户点击绑定了脚本的物体，触发了相应事件代码。

1.创建物体（箭头，文字啥的都行），但必须有Collider（才会有碰撞检测）

2.创建脚本

这里就自由发挥了，我是在cardboard包中的object controller继续套娃，实现我的需求（懒，轮子太香了）

这是对于球体场景的跳转，我的思路是一个scene中有多个球体（即多个场景），通过控制相机位置实现（伪）场景跳转。

ps：要注意你是控制的绝对（相对整个scene）位置，还是相对位置

3.将脚本添加到物体，然后选择点击事件

event trigger、object controller都是cardboard包就有的。

代码中的X、Z就对应右图的（在脚本中定义public变量，被赋予该脚本的物体就可以在unity可视化控制，不同的箭头输入不同的数据就可以实现跳转不同的场景）

左图在于Pointer Click，也就是物体被点击后执行什么操作（这个skipto也就是上面代码里的skipto方法）

对于天空盒：（就跳转代码不一样，其他操作同理）

通过scene跳转或者更换当前scene的天空盒。

//by change scenes
SceneManager.LoadScene(place);

place 是脚本中自定义的int变量，对应setting中的右边数字（选中场景就会有相应标识）

scene就是场景，点击setting后看到要手动添加。（从0开始的噢）

 

五：自由发挥

哈哈，上述其实就完成了一个基本的VR漫步的操作，就两个点：vr观看和场景跳转（模仿人物移动）。

其他的话，我自己的项目加了个介绍牌和小地图的功能，其本质都是显示控制和位置控制，限于篇幅就不说了，网上都有相关操作的文章，可能之后再写一篇说下这些小功能的实现吧。

欢迎留言意见和提问。

PS:要是看不懂一些操作，其他的参考↓

通过Unity3D制作天空盒:https://www.jianshu.com/p/3f0829321edc （这个是六面的）

如何在 VR 中观看全景图片：https://blog.csdn.net/wenxuhonghe/article/details/88916239 （球体视界）

https://www.bilibili.com/video/BV1tW411o7XR （天空盒方法的，这个up也是我跟着学的入门，后面还有跳转的实现，要是完全看不懂我这篇文章建议直接看他的这一套视频）

扩展：网页VR的实现（当时准备试下，结果项目结题了还没碰23333）

http://igeekbar.com/igeekbar/post/247.htm

https://www.cnblogs.com/ifannie/p/9917490.html