gear-vr - 如何在 React VR 场景中检测 Gear VR 输入？

我正在尝试使用 React VR 创建一个 Web 应用程序并使用 Samsung Gear VR 运行它。

在我的场景中处于 VR 模式时，我看不到默认的白点(VR 指针)。因此，诸如“onInput”和“onClick”之类的方法不起作用。如果我在 VR 模式之外查看相同的场景，即使使用 Gear VR 中提供的浏览器，同样的方法也能正常工作。

我错过了什么吗？如何在 Gear VR 的 VR 模式下访问这些方法？

示例代码在普通 Web 浏览器中运行良好(包括 Gear VR 中的浏览器)，但在我使用 VR 时则不行。

<Text
    style={{
        // backgroundColor: '#777879',
        fontSize: 0.2,
        transform: [{translate: [0, 0, -5]}],
        color: this.state.textColor
    }}
    onEnter={() => this.setState({textColor: 'gold'})}
    onExit={() => this.setState({textColor: 'white'})}>
    This text will turn gold when you look at it.
</Text>

最佳答案

你需要添加一个raycaster:

为此，您需要执行以下操作:

在您的项目中，转到 <project root>/vr/client.js 。
在 init 方法之前，添加一个 SimpleRaycaster 常量。

const SimpleRaycaster = {
    getType: () => "simple",
    getRayOrigin: () => [0, 0, 0],
    getRayDirection: () => [0, 0, -1],
    drawsCursor: () => true
};

function init(bundle, parent, options) {

//...

然后，在 init 方法中，设置 cursorVisibility: visible 并将 raycaster 添加到 raycasters 数组中:

function init(bundle, parent, options) {
  const vr = new VRInstance(bundle, 'Example', parent, {
      raycasters: [
          SimpleRaycaster // Add SimpleRaycaster to the options
      ],
      cursorVisibility: "visible", // Add cursorVisibility
      enableHotReload: true,
    ...options,
  });
  vr.render = function() {
    // Any custom behavior you want to perform on each frame goes here
  };
  // Begin the animation loop
  vr.start();
  return vr;
}

window.ReactVR = {init};

就是这样。现在，您的 View 中间应该有一个白点。

关于gear-vr - 如何在 React VR 场景中检测 Gear VR 输入？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44259273/