VR视图 - 渲染:无法从image.jpg加载纹理

时间:2016-05-27 03:30:11

标签: google-cardboard google-vr

我一直试图在我的页面上按照示例在https://developers.google.com/vr/concepts/vrview上获得VR视图设置,我使用的图像是纸板相机'照片'从我的设备复制,但我也使用了常规的jpg版本,以确保。

无论我在小部件加载时尝试什么,它都只显示错误消息

  

渲染:无法从image.jpg加载纹理

我还注意到一堆教程或示例网站存在同样的问题,我认为他们在第一次发布网页时没有这些问题。

有没有人知道为什么要这样做以及如何解决它?

2 个答案:

答案 0 :(得分:4)

Cardboard Camera生成的图像格式不正确。 VR视图需要一个equirectangular全景图像,对于立体图像,它们需要堆叠。请参阅https://developers.google.com/vr/concepts/vrview#supported_formats以获取参考。

有一个链接可将Cardboard Camera图像转换为正确的格式: https://storage.googleapis.com/cardboard-camera-converter/index.html

还有一些代码填充使用VR视图,包括将图像转换为正确的格式: https://codelabs.developers.google.com/?cat=Virtual+Reality

答案 1 :(得分:0)

您提到的错误的主要原因是“CORS”。跨源资源共享。

调用iframe脚本无法访问您的图片。哪个托管在Google服务器上。

http://enable-cors.org/

启用CORS后,它将起作用。你之所以提到它一旦你在本地克隆它就开始工作的原因是一样的。现在vr脚本和图像具有相同的起源:)