时间戳

首页 > 解决方案 > 如何使用 Oculus Go 触控板在 AFrame 中移动

html - 如何使用 Oculus Go 触控板在 AFrame 中移动

问题描述

我正在使用 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？，但我对如何移动更感兴趣。]

标签： htmlaframeoculusoculusgo

解决方案

感谢@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 时，您只需将拇指轻轻放在触控板上即可控制相机的移动。相机沿您放置拇指的方向、水平面和您的注视方向移动。也就是说，如果您正在向前移动，但将拇指放在触控板的前面并向上看，则相机将朝着您注视的方向向前和向上移动。请记住，是相机在移动，而不是场景，这意味着如果您将拇指放在左侧，相机将向左移动，而场景似乎会向右移动。

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

对于movement-controls检查其文档的其他属性。

推荐阅读