a-frame : 如何让手跟随相机?

Posted

技术标签:

【中文标题】a-frame : 如何让手跟随相机?【英文标题】:a-frame : how to make the hands follow the camera? 【发布时间】:2022-01-20 21:14:42 【问题描述】:

我开始学习 aframe 并想将它与 Oculus Quest 2 一起使用。我展示了双手,我正试图在 VR 世界中移动,但是当我移动时,手却不动......如何让手跟随相机? 谢谢

这是我的代码

<html>
  <head>
    <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
        <script src="//cdn.rawgit.com/donmccurdy/aframe-extras/v6.1.0/dist/aframe-extras.min.js"></script>

    <script>


    </script>
  </head>
  <body>
    <a-scene>
        <a-entity id="rig" movement-controls position="0 0 0">
            <a-entity camera position="0 0 0" look-controls="pointerLockEnabled: true"></a-entity>
        </a-entity>

        <a-entity id="leftHand" hand-controls="hand: left; handModelStyle: lowPoly; color: #ffcccc"></a-entity>
        <a-entity id="rightHand" hand-controls="hand: right; handModelStyle: lowPoly; color: #ffcccc"></a-entity>
                                


      <a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9"></a-box>
      <a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere>
      <a-cylinder position="1 0.75 -3" radius="0.5"  color="#FFC65D"></a-cylinder>
      <a-plane position="0 0 -4" rotation="-90 0 0"   color="#7BC8A4"></a-plane>
      <a-sky color="#ECECEC"></a-sky>
    </a-scene>
  </body>
</html>

【问题讨论】:

【参考方案1】:

我终于找到了……

一开始我把控制器放在相机里……但我不得不把它们放在#rig中

<a-entity id="rig" movement-controls position="0 0 0">
   <a-entity camera position="0 0 0" look-controls="pointerLockEnabled: true"></a-entity>

    <a-entity id="leftHand" hand-controls="hand: left; handModelStyle: lowPoly;"></a-entity>
    <a-entity id="rightHand" hand-controls="hand: right; handModelStyle: lowPoly;"></a-entity>
</a-entity>

【讨论】:

如果可以的话,请接受它作为“正确答案”:+1:

以上是关于a-frame : 如何让手跟随相机?的主要内容,如果未能解决你的问题,请参考以下文章

如何统一停止相机跟随Y

如何制作平滑的相机跟随算法?

如何让相机跟随 LibGDX 中的播放器

如何让相机跟随opengl中的3d对象?

如何在A-FRAME中创建一个函数来仅改变Z位置,保持Y是对象的Z原始值?

Unity3d学习 相机的跟随