2番目の引数としてデータを渡すAフレーム位置のアニメーション

Question

カメラを現在の位置からクリックした要素から渡された位置に移動するためのアニメーションを取得しようとしています。この問題は、 'to'の位置をアニメーションに渡すための適切な構文にあるようです。ここに私が持っているものがあります。

<a-entity id="cam-position" position="0 0 1.2" rotation="-0 0 0"> 
     <a-camera look-controls wasd-controls> 
      <a-entity visible="true" cursor="fuse: true; fuse-timeout: 500" 
       position="0 0 -1" 
       scale="0.01 0.01 0.01" 
       geometry="primitive: sphere" 
       material="color: #6AD7FF; shader: standard"> 
       <a-animation begin="click" 
        easing="ease-in" 
        attribute="scale" 
        dur="2000" 
        fill="backwards" 
        from="0.01 0.01 0.01" to="0.04 0.04 0.04"> 
       </a-animation> 
       <a-animation begin="fusing" 
        easing="ease-in" 
        attribute="scale" 
        fill="forwards" 
        from="1 1 1" to="0.1 0.1 0.1" > 
       </a-animation> 
      </a-entity> 
     </a-camera> 
     <a-animation begin="move" 
        attribute="position" 
        dur="2000" 
        from="0 0 1.2" 
        > 
       </a-animation> 
     </a-entity> 

document.querySelector('#cam-position').emit('move',{'to': { x: 0, y: 0, z: -88 } }); 

第2引数とa-アニメーションに 'to'が指定されていなければ正常に動作します。何か案は？ありがとう

Answer 1

moveを放射しているとき、第2引数はイベントの詳細です。アニメーションにはイベントトリガでアニメーションを開始する機能がありますが、イベントの詳細は表示されません。

これは機能ではないため、すべてのイベントを処理するのではなく、animation.setAttribute('to', {...})を実行する必要があります。

document.querySelector('a-animation[begin="move"]').setAttribute('to', '0 0 -88'); 
document.querySelector('#cam-position').emit('move')