做自如vr看房技术

前言

      想着一个月写一篇，能充实一下自己，眼看着就要月末了，回想了一下，这个月除了学了点swoole之外，还去健身房锻炼，公司有一个类似房地产的项目，需要vr技术来实现，我先看了一下手机自如和安居客的vr看房，后来上网上找了一下教程，又问了一下同事，最后做出类似的效果，看起来还不错。

一，准备

   首先你需要全景视图，我这边是用手机拍的 在网上搜了一个Google街景，然后点击相机拍摄全景图片，我这里借用了三脚架进行拍照，感觉还不错。

    然后下载一个软件panovrpro6，这边下载地址https://pan.baidu.com/s/1LBD1ARot_p__DTxCVtlqGQ ，提取码 u0vc。

二，开始构建关联

    启动软件后进入这个页面，首先把图片放入进去，我这边用我之前在网上找到的图片，先添加两张放进去。

    在点击这边的按钮双击增加一个图标，点击图标进行添加跳转功能。

在设置中选择跳转的图片以及图片的视角。多添加几个就会有像是一个人在走步的感觉。

三，导出成页面形式

在这边可以进行输出，各种按钮的样式，皮肤，入场格式等。

最后会生成url和一个文件夹，url进入的就是文件夹下的index文件，接下来就把他想放到哪里在换一下引用的js，css地址就好了。

 四，最后

个人感觉学习的还是比较浅显的，但是这种东西视觉效果看起来还是不错的。明天端午节，大家节日快乐，希望疫情早日过去好烦啊。