Aframe 光标乱七八糟

Aframe Cursor disorted

当我在移动设备上进入 Vr 模式时,您会看到一个用于交互的光标。现在我的问题是光标乱七八糟。当我移动我的虚拟现实眼镜的镜片时,我可以让光标变成一个,但是我的场景不再正确了。这是我的相机和我的光标:

  <!--------camera---------->    
<a-entity rotation="0 90 0">
  <a-camera user-height="0" wasd-controls-enabled="false" look-controls>
    <a-cursor id="curseid" visible="false" opacity="0" fuse="true" fusetimeout="4000"
      position="0 0 -0.1"
      raycaster="objects: .clickable"
      geometry="primitive: ring;
      radiusInner: 0.002;
      radiusOuter: 0.003"
      material="color: red; shader: flat">
      <a-animation attribute="scale"
                      to="3 3 3"
                      dur="2000"
                      begin="cursor-fusing"
                      fill="backwards"
                      easing="linear">
      </a-animation>
      <a-animation attribute="material.opacity" begin="fade" to="0"></a-animation>
      <a-animation attribute="material.opacity" begin="fade_cursor" dur="2000" from="0" to="1"></a-animation>
   </a-cursor>
    <a-entity id="redcircle" visible="false" position="0 0 -0.1" 
            geometry="primitive: ring;
            radiusInner: 0.007;
            radiusOuter: 0.0077"
            material="color: red; opacity: 0; shader: flat">
     <a-animation attribute="material.opacity" begin="fade" to="0"></a-animation>
    <a-animation attribute="material.opacity" begin="fade_circle" dur="2000" from="0" to="0.25"></a-animation></a-entity>
 </a-camera>  
</a-entity>  

光标是关闭相机的方式我将它设置为 z: -1 现在它很好