javascript - 相机动画旋转问题

Question

我在 A-Frame 中设计了一个虚拟游览，但是在单击时相机旋转有一些问题以正确定位图片。单击图片时，相机会正确移动到单击的图片，并在动画结束后面向它。随后点击了另一张图片，相机先逆序旋转了近360度，然后尝试定位图片，并没有准确计算两张图片之间的角度。

下面是我在 Virtual Tour 中使用的示例 a-frame 代码。

代码框架

AFRAME.registerComponent('camcontrol', {
init: function(){

var cam    = document.querySelector('#camera');
var el = this.el;
   this.el.addEventListener('click', function(evt){
var btnpos  = el.getAttribute('position');

var camrota = cam.getAttribute('rotation');


   if(rota.y == 90) {var donus = 90 + kamera;}
   if(rota.y == -90) {var donus = -90 + kamera;}
   if(rota.y == 0) {var donus = 0 + kamera;}
       if(rota.y == -180) {var donus = 180 + kamera;}
        

cam.setAttribute('animation__1', 'to', {x: btnpos.x + a , y:btnpos.y + b, z: btnpos.z + c });

cam.setAttribute('animation__2', 'to', {x:0, y:rotasyon, z:0});

cam.emit('camposition');
       
});
}
});
});

标签： javascript