时间戳

首页 > 解决方案 > Aframe move vr-camera-component

mobile - Aframe move vr-camera-component

问题描述

当我触发一个事件时，我移动了我的相机，它在 PC 上完美运行，但当我在我的手机上以 vr 模式运行时，它就不行了。需要在这里修复一些代码：

<a-entity id="camentity" rotation="0 90 0">
  <a-camera id="cam" user-height="0" wasd-controls-enabled="false" look-controls>
    <a-animation attribute="position" begin="movecam_1" duration="500" from="0 0 0" to="-40 0 -50"></a-animation>
    <a-animation attribute="position" begin="movecam_1_bc" duration="500" from="-40 0 -50" to="0 0 0"></a-animation>
 </a-camera>  
</a-entity>  

function kameramove_1() {
    document.querySelector( "#cam" ).emit('movecam_1');
    }

function kameramove_1_back() {
    document.querySelector( "#cam" ).emit('movecam_1_bc');
    }

标签： mobilecameratouchaframe

解决方案

动画摄影机装备（摄影机的父级，在你的情况下是camentity）而不是摄影机本身：

    <a-entity id="camentity" rotation="0 90 0">
      <a-animation attribute="position" begin="movecam_1" duration="500" from="0 0 0" to="-40 0 -50"></a-animation>
      <a-animation attribute="position" begin="movecam_1_bc" duration="500" from="-40 0 -50" to="0 0 0"></a-animation>
      <a-camera id="cam"></a-camera>  
    </a-entity>

推荐阅读