如何使用Google的VR view
2017-05-02 10:51
239 查看
之前因为一个项目的需要所以接触了一下360°全景视图的概念。指导老师让我们做一个针对chrome的插件用来浏览全景图像,但是想一想,真的好心塞,自己动手写插件!!!不过在网上搜了一下,发现谷歌提供了名为VR view的插件可供使用,心中顿感一块巨石落地。但是,在使用的时候,可能因为自己很菜,好几次都没有成功。其中最常见的问题便是“render:unable to get texture from XXX”。之后经过多次尝试,终于理解google
codelabs中VR view教程的深意,现总结如下:
使用步骤:
1.首先从git上克隆所需要的示例:
codelabs中VR view教程的深意,现总结如下:
使用步骤:
1.首先从git上克隆所需要的示例:
$ git clone https://github.com/googlecodelabs/vr_view_101[/code]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,可以开始之后的学习了!
相关文章推荐
- VR 照片和 VR 电影如何嵌入网页html中(Google VR 框架的使用)
- View和Control的区别(如何在对话框上使用CView类)
- JSP设计模式基础:View Helper模式——学习如何使用View Helper模式使得Model数据适应表现层的需要(3)
- JSP设计模式基础:View Helper模式——学习如何使用View Helper模式使得Model数据适应表现层的需要(1)
- JSP设计模式基础:View Helper模式——学习如何使用View Helper模式使得Model数据适应表现层的需要(1)
- JSP设计模式基础:View Helper模式——学习如何使用View Helper模式使得Model数据适应表现层的需要(2)
- 如何使用Google解决问题
- 如何使用gdb调试代码(一、A Globla view of GDB )
- JSP设计模式基础:View Helper模式——学习如何使用View Helper模式使得Model数据适应表现层的需要(3)
- JSP设计模式基础:View Helper模式——学习如何使用View Helper模式使得Model数据适应表现层的需要(2)
- 如何在Google Maps API中使用谷歌地图的数据
- JSP设计模式基础:View Helper模式——学习如何使用View Helper模式使得Model数据适应表现层的需要(1)
- 教你如何使用Google进行搜索
- 如何解决FormView中实现DropDownList连动选择时出现 "Eval()、XPath() 和 Bind() 这类数据绑定方法只能在数据绑定控件的上下文中使用" 的错误
- JSP设计模式基础:View Helper模式——学习如何使用View Helper模式使得Model数据适应表现层的需要(3)
- 教你如何使用Google进行搜索
- JSP设计模式基础:View Helper模式——学习如何使用View Helper模式使得Model数据适应表现层的需要(3)
- view和control的区别(如何在对话框上使用cview类)
- ReportView如何使用构造SQL语句带参数的存储过程创建报表以及为rdlc传递参数
- 转:在没有数据时,如何使用FormView增加数据