aframe - A 型框架 Daydream 控制？

Question

刚开始玩 A-Frame，我可以看到 vive-controls 和 oculus-touch-controls，但看不到 google daydream。

我查看了组件存储库，但没有看到任何看起来可以完成这项工作的东西。现在最接近调查的是 Gamepad API，但我很惊讶我找不到任何东西。

我有一台 Pixel XL 和 daydream，并且希望合并 Controller ，而不仅仅是头部跟踪和基于凝视的控制。有人可以指出我正确的方向吗？

谢谢

更新 - 我已经让 Daydream Controller 可以用于点击!运行 360-image-gallery( https://aframe.io/examples/showcase/360-image-gallery/ ) 接受来自 Daydream Controller 的点击。我想也许我之前的尝试超时了或者我没有正确配对!我会继续玩!

Answer 1

致力于在 Aframe 项目中设置 Daydream Remote 。目前还没有适用于 Daydream Remote 的组件，但我希望尽快完成一个组件 - 听起来他们将在即将发布的 Aframe 版本中提供主要支持。

但是你可以手卷支持没问题。

首先，您需要做一些准备工作:

1. 在您的 Pixel 上下载 Chrome Beta 56:https://www.google.com/chrome/browser/beta.html。
2. 打开 Chrome Beta，导航至 chrome://flags 并启用 WebVR 和 Gamepad 标志。

现在，您将能够在真正的 WebVR 中启动使用 Aframe v0.4 或更高版本构建的体验。您会收到常见 Daydream 屏幕的提示(将手机放入耳机中，然后连接 Remote )。如果您要连接到本地开发环境，您会看到安全连接警告，但这虽然很烦人，但却不会不要阻止你工作。

第二，现在您正在运行真正的 WebVR，您需要利用 Gamepad API 从 Daydream Remote 获取信息。让我们首先记录它已连接。

    window.addEventListener('gamepadconnected', function(evt) {
      console.log("Gamepad connected at index %d: %s. %d buttons, %d axes.",
        e.gamepad.index, e.gamepad.id,
        e.gamepad.buttons.length, e.gamepad.axes.length);
    });

第三，既然您正在记录连接，您将需要设置一个更新循环来获取游戏 handle 的当前状态。您可以使用 requestAnimationFrame 来完成此操作。按照此处的教程进行操作:https://developer.mozilla.org/en-US/docs/Web/API/Gamepad_API/Using_the_Gamepad_API

一旦我发布了基本的 dayframe-remote 组件，我将在此处发布一个链接。希望这可以帮助您入门!

<小时/>

编辑:看起来下面的建议效果很好。只需传递“Daydream Controller”作为跟踪控件的 id:tracked-controls="id: Daydream Controller"。

<小时/>

以下是 Daydream Controller 输出示例。目前，似乎只有触控板按钮被暴露，而不是应用程序或主页按钮。

    { 
      axes: [0, 1],
      buttons: [{
        pressed: false,
        touched: false,
        value: 0
      }],
      connected: true,
      displayId: 16,
      hand: "left",
      id: "Daydream Controller",
      index: 0,
      mapping: "",
      pose: {
        angularAcceleration: null,
        angularVelocity: [0, 0, 0],
        hasOrientation: true,
        hasPosition: false,
        linearAcceleration: [0,0,0],
        orientation: [0,0,0,1],
        position: null
      },
      timestamp: 1234567890123
    }