如何使用 Oculus Go 触控板在 AFrame 中移动答案

【问题标题】：How to use Oculus Go trackpad to move in AFrame如何使用 Oculus Go 触控板在 AFrame 中移动
【发布时间】：2018-11-26 12:45:39
【问题描述】：

我正在使用 Oculus Go 测试一些 AFrame 页面，但我无法让触控板在场景中移动。我正在使用 AFrame 的主版本，显然支持 Oculus Go 控制器。其实以这段代码为例：

<!DOCTYPE html>
<html>
<head>
  <script src="https://rawgit.com/aframevr/aframe/cf15c15/dist/aframe-master.min.js"></script>
</head>
<body>
  <a-scene anti-alias>
    <a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9" shadow></a-box>
    <a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E" shadow></a-sphere>
    <a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D" shadow></a-cylinder>
    <a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4" shadow></a-plane>
    <a-sky color="#ECECEC"></a-sky>

    <a-entity laser-controls="hand: right"></a-entity>
    <a-entity oculus-go-controls x-button-listener></a-entity>
    <a-entity camera look-controls wasd-controls position="0 1.6 0"></a-entity>
  </a-scene>
</body>
</html>

在图像中显示了控制器，但显然不会影响正在使用的触控板，因为我会在桌面版本中使用 wasd（它在在场景中移动方面效果很好）。

所以，总而言之，我如何在 AFrame 场景中使用 Oculus Go 触控板在其中移动，就像在桌面上使用 wasd 键一样？（或者，也许 AFrame 仍然不支持？）

[我知道这类似于AFrame Oculus Go Controller Documentation?，但我对如何移动更感兴趣。]

【问题讨论】：

标签： html aframe oculus oculusgo

【解决方案1】：

感谢answer by @diego-marcos，我可以编写一些对我有用的简单 HTML：

<!DOCTYPE html>
<html>
<head>
  <script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>
  <script src="//cdn.rawgit.com/donmccurdy/aframe-extras/v4.1.2/dist/aframe-extras.min.js"></script>
</head>
<body>
  <a-scene anti-alias>
    <a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9" shadow></a-box>
    <a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E" shadow></a-sphere>
    <a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D" shadow></a-cylinder>
    <a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4" shadow></a-plane>
    <a-sky color="#ECECEC"></a-sky>

    <a-entity movement-controls="fly: true" position="0 0 0">
      <a-entity camera position="0 1.6 0"></a-entity>
    </a-entity>
  </a-scene>
</body>
</html>

这使用AFrame 和AFrame Extras 的当前稳定版本提供开箱即用的相机运动。

当您在 Oculus Go 的浏览器中启动场景并进入 VR 时，您只需将拇指轻轻放在触控板上即可控制相机的移动。摄像头沿您放置拇指的方向、水平面和注视方向移动。也就是说，如果您正在向前移动，但将拇指放在触控板的前面并向上看，则相机将朝着您注视的方向向前和向上移动。请记住，移动的是相机，而不是场景，这意味着如果您将拇指放在左侧，相机将向左移动，而场景似乎会向右移动。

如果不需要垂直移动（例如，因为您要模拟在水平面上移动），您可以从 movement-controls 属性中删除 fly: true。

对于movement-controls 的其他属性，请查看its documentation。

【讨论】：

【解决方案2】：

A-Frame 不提供开箱即用的基于触控板的运动。您可以查看 aframe-extras，特别是 movement-controls 作为起点来派生您自己的 Oculus Go 运动组件

【讨论】：