如何使用Google的VR view

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_23729557/article/details/71078723

之前因为一个项目的需要所以接触了一下360°全景视图的概念。指导老师让我们做一个针对chrome的插件用来浏览全景图像,但是想一想,真的好心塞,自己动手写插件!!!不过在网上搜了一下,发现谷歌提供了名为VR view的插件可供使用,心中顿感一块巨石落地。但是,在使用的时候,可能因为自己很菜,好几次都没有成功。其中最常见的问题便是“render:unable to get texture from XXX”。之后经过多次尝试,终于理解google codelabs中VR view教程的深意,现总结如下:

使用步骤:

1.首先从git上克隆所需要的示例:

$ git clone https://github.com/googlecodelabs/vr_view_101
2.下载一个chrome插件"Web Server",点击choosefolder选择下载的工程目录:vr_view_101/website,打开WebServer,勾选"可以从本地网络访问(Accessible accessible on local network)"

选项,大概如图所示

3.打开后,进行如下配置:


4.点击choose folder按钮选择下载的工程目录:vr_view_101/website,打开WebServer:


5.然后选择一个链接,进入:


6.点击上图的index.html,出现如图所示界面,表明之前的工作一切OK!



7.zhushidiao之前index.html中的img标签,取而代之下面的语句:

<iframe frameborder="0" width="100%" scrolling="no" allowfullscreen src="vrview/index.html?image=/vrview/examples/gallery/taj-mahal.jpg&is_stereo=false"></iframe>

8.保存index.html并刷新,你将看到下面的图像:


恭喜你:一切OK,可以开始之后的学习了!


猜你喜欢

转载自blog.csdn.net/qq_23729557/article/details/71078723