使用three.js的谷歌纸板视图？
使用three.js的谷歌纸板视图？
提问于 2018-04-18 12:15:58
是否可以使用Three.js将如下图所示的谷歌纸板视图摄像头添加到谷歌VR视图中？如果是这样，我该怎么做呢？
更具体地说，我如何将Three.js添加到下面的谷歌VR视图代码中？
function onLoad() {
// Load VR View.
vrView = new VRView.Player('#vrview', {
width: window.innerWidth,
height: window.innerHeight,
video: 'crusher-final.mp4',
is_stereo: true,
loop: false,
});
}回答 1
Stack Overflow用户
发布于 2018-04-18 15:22:53
使用VRView-library是不可能的，因为它在iframe中运行，并且不提供任何接口来向3D视图添加内容。然而，它是完全开源的，并使用three.js实现，请参阅此处的源代码：https://github.com/googlevr/vrview
因此，您可以使用该代码并将您的内容添加到其中，或者自己实现它。
要做到这一点，最简单的方法是使用自动完成大部分工作的WebVR-polyfill。这将允许您使用WebVR-API，即使浏览器尚不支持它。
Three.js支持内置的WebVR-API，所以除了使用renderer.vr.enabled = true启用它并将VR显示设置为通过navigator.getVRDisplays().then(displays => renderer.vr.setDevice(displays[0]));使用之外，没有更多的事情要做。
有关进一步的参考，请参阅webvr-examples和WebVR-specification。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49891095
复制相关文章
相似问题
腾讯云开发者
