カメラの回転後のレーザ制御エンティティの位置付け

Question

VRモードに入った後、カメラがまっすぐに見えるときに完全に位置決めされるレーザ制御には、次のコードがあります。

<a-entity position="0.25 1.25 -0.2" class="laser-controls"> 
    <a-entity laser-controls="hand: right" line="color: red"></a-entity></a-entity> 

問題がある：私は私の頭（カメラ）を回転させたときに、私はコントロールが（私は回転が110度よりも大きい場合に見えるいくつかのコードを持っている）スムーズに私の頭の回転に追従させたいと思います。コントローラーがカメラの一部になることは望ましくありません。私が好きなのは、Oculus Home（Gear VR）のコントローラモデルの動作です。

これを実現するにはカスタムコンポーネントがありますが、2秒ごとに呼び出されるティック機能では（そのコードはすでに動作しています）。

ありがとうございます！

Answer 1

getAttribute()を使用して、カメラコンポーネントとレーザーコントロールのエンティティの回転を確認することはどうですか？あなたができるあなたの頭部付近のコントローラーを配置したい場合は

let angle = laser.getAttribute('rotation'); 
if (camera.getAttribute('rotation').y - laser.getAttribute('rotation').y>110){ 
    angle.y++; 
    laser.setAttribute('rotation',angle); 
} else if(camera.getAttribute('rotation').y - laser.getAttribute('rotation').y<-110){ 
    angle.y--; 
    laser.setAttribute('rotation',angle); 
} 

UPDATE
：差が110度を超えていないなら、あなたはチェックすることができangle.y++/--変更の

1.Insteadそれあなたのカメラの回転に。

2しかし、滑らかにしたい場合は上記の瞬間ですが、あなたはアニメーションコンポーネントを使用することができますが、デルタ度が> 110 degの場合は、カメラコンポーネントの位置/回転に移動するアニメーション属性を設定し、開始イベントを生成し、回転チェックを無効にし、アニメーション終了イベントを待機し、チェックを有効にします。このようなビット：

init: function(){ 
    this.check = true; 
    let check = this.check; 
    animationel.addEventListener('animationend',function(){ 
     check = true; 
    }); 
},tick(){ 
    if(this.check){ 
     if(rotationCheck()){ 
      this.check = false; 
     } 
    } 
    }