标签: webvr

第1部分 - 问题描述

我有DK2,我正在研究一个VR项目.这个项目使用FirefoxNightly.我已经下载并安装了WebVR Enabler Add-On

从http://mozvr.com/downloads/得到这个

我还从https://developer.oculus.com/downloads/下载并安装了最新的SDK和Runtime for Windows.

我也在Oculus配置实用程序中获取此功能(当插入oculus时):

然而,我已经在另一台带有Windows的计算机上安装了所有内容,就像在这台Windows计算机上一样,它清楚地显示Oculus Rift正确连接但头部跟踪仍无法正常工作.

编辑:我只是尝试将oculus裂缝连接到这个"第二"电脑(戴尔笔记本电脑),现在它甚至不识别眼裂谷.仍然没有头部追踪.

编辑2:我尝试在第三台PC上安装所有内容但没有成功.我在Oculus配置实用程序上获得"服务不可用"

我的显示模式设置如图所示.

第2部分 - 问题

我究竟做错了什么？有没有我忘了做的一步？奇怪的是,我在Mac上运行的项目没有任何问题.是的,在Windows上我可以看到屏幕,oculus rift但头部检测不存在.

第3部分 - 无效的可能修复列表

这篇reddit帖子讨论了防火墙问题,但是我尝试了在防火墙失效但没有成功的情况下的oculus rift.

这个reddit帖子通过重新安装所有内容并更新某些驱动程序来讨论可能的修复方法.但是我一步一步地遵循此修复程序而没有成功.

这个oculus论坛帖子讨论了这个问题,一个人提出了一个适合他/她的解决方案.我没有成功地跟着修复.

第4部分 - 系统信息

如果您需要特定翻译,请通知我.这是法语.

第5部分 - 我曾经想过的事情清单

1. 我重新安装了一切.SDK(实际上甚至不需要),运行时,firefoxnightly,webvr加载项多次
2. 我多次重启我的电脑
3. 我试过了不同的 Rift Display Mode
4. 来自mozvr.com和其他基于webvr的项目的基本演示工作正常,但头部跟踪不起作用.
5. 我的Oculus没有坏掉(也许是针对Windows),它适用于Mac.
6. 我尝试使用不同的HDMI线和不同的minUSB-USB线没有成功.

第6部分 - 来自论坛的报价

第一篇文章

这听起来像我们很多人在使用0.5和0.6版本时遇到的问题.电缆没有问题,但是运行时本身.直接模式完美无瑕地工作,在扩展模式下,裂缝仍然显示图片,但运行时没有任何跟踪等.希望它能在下次更新中修复.

在three.js中,Y轴表示向上和向下,Z轴表示向前和向后.但我希望Z轴上下表示,Y轴前后表示.这是一张显示我想要的图片:

我想改变整个坐标系,如果我围绕y轴旋转网格,它会跟随新的坐标系而不是传统坐标系.

现在,我搜索了堆栈溢出,发现此链接:

1. Three.JS旋转投影,使y轴成为z轴.它不起作用.
2. 三种:从Z-Up坐标系到Y-Up坐标系的矩阵.此方法只是更改对象或网格y和z顶点,但如果我围绕y轴旋转它,它将围绕传统的y轴旋转.我必须将矩阵应用于旋转矩阵,以使其像新坐标系一样旋转.
3. 将矩阵从右手坐标系更改为左手坐标系
4. 刷新网页时,三个.js中的重定向轴失败.这也行不通.

有没有什么方法可以让tri.js像Z up坐标系一样工作？

默认情况下,右下角是一个Goggles图标,单击该图标后,将进入VR或全屏(如果没有耳机).如何隐藏这个以便我可以添加自己的UI,或者完全禁用VR？

我正在使用React VR开发一个应用程序,我用搅拌器创建了一个3D pokeball.我将其导出为Wavefront .obj文件并在我的React VR应用程序中使用它.

在控制台中我看到了这个警告:

THREE.MeshBasicMaterial:shininess,emissive并且specular不是这种材料的财产.

您可以在下面找到我的代码:

import React from 'react';
import { AppRegistry, asset, StyleSheet, Pano, Text, View, Mesh } from 'react-vr';

class pokemongo extends React.Component {
  render() {
    return (
      <View>
        <Pano source={asset('sky.jpg')} />
        <Mesh source={{ mesh: asset('pokeball.obj'), mtl: asset('pokeball.mtl') }} 
              style={{ height: 1 }} 
              transform={{ rotate: '0 90 0' }}></Mesh>
      </View>
    );
  }
};

AppRegistry.registerComponent('pokemongo', () => pokemongo);

这是渲染输出

在这个GitHub Gist上你可以找到obj和mtl文件,你可以下载该blend …

我正在使用React VR编写VR应用程序,并使用进度条(或其他东西)制作注视按钮,向用户显示他必须在该按钮上观看多长时间.我怎么能这样做？

我想使用这个伪代码(可能是这段代码中有一些bug):

constructor(props) {
    super(props);
    this.state = {
        watchTime: 3,
        progress: 0,
        watching: true
    };
}

render() {
    return (
        <VrButton onEnter={ () => this.animateProgress() }
                  onExit={ () => this.stopProgress() }
                  onClick={ ()=> this.click() }></VrButton>
    );
}

animateProgress() {
    this.setState({watching: true});
    while (this.state.watchTime >== this.state.progress && this.state.watching === true) {
        // after a timeout of one second add 1 to `this.state.progress`
    }

    this.click();
}

stopProgress() {
    this.setState({
        progress: 0,
        watching: false
    });
} …

对于http://aframe.io/,如何在不创建图像的情况下渲染文本？

我正在使用React 360进行一些测试,目前我唯一拥有的硬件是Google Cardboard.我在iOS上使用VR浏览器查看我上传的内容并且它正在工作,但是立体图像看起来相距太远导致"看到双重"效果.canvas对象似乎也没有扩展"VR Browser"应用程序的整个宽度.每侧似乎都有白色边框.

我似乎找不到任何关于如何在React 360代码中调整图像以适应我的Cardboard查看器镜头距离的文档.

如何配置它才能工作？有没有办法调整这些问题？

我目前正在使用一个使用 A-frame ( https://aframe.io )的场景，我将鼠标指针隐藏在我的场景中。我怎样才能创建一些东西，当一个函数发出时，我的鼠标指针会显示出来，而当另一个函数发生时，我的鼠标指针会隐藏。

目前的 dfeault 是我的鼠标指针被隐藏了。我想要这样，当一个名为“showPointer”的函数发生时，我的鼠标指针将再次显示，当一个名为 hidePointer 的函数发生时，我的鼠标指针将再次隐藏。我怎样才能做到这一点。我的功能：

<script>
function hidePointer() {
//hide mouse pointer
}

function showPointer() {
//show mouse pointer 
} 
</script>

我想获取一个YouTube网址,并将其作为视频纹理放入A-Frame场景中.喜欢<a-video src="https://www.youtube.com/watch?v=dQw4w9WgXcQ">.这可能是https://aframe.io吗？

我想使用camera.getWorldDirection()和访问头戴式显示器的说明。我可以使用以前的 webVR API 做到这一点。当我使用HelioWebXRPolyfill.jsTHREE的 new时，我无法接收当前位置。