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

时间:2018-06-17 12:05:54

标签: html5 aframe oculus oculusgo

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

2 个答案:

答案 0 :(得分:5)

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

答案 1 :(得分:5)

感谢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>

使用当前稳定版本的AFrameAFrame Extras,可以提供开箱即用的相机移动功能。

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

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

对于movement-controls的其他属性,请检查its documentation