Javascript 不考虑新数据的A帧摄影机旋转和运动动画
我试图让我的相机移动和旋转到js中动态给出的特定位置和旋转 但是,摄影机将从起始值旋转到0。当数据显示它应该是其他值时。旋转立即完成,没有动画。即使数据成功更改,位置也不会更改 我正在使用aframe动画组件Javascript 不考虑新数据的A帧摄影机旋转和运动动画,javascript,animation,aframe,Javascript,Animation,Aframe,我试图让我的相机移动和旋转到js中动态给出的特定位置和旋转 但是,摄影机将从起始值旋转到0。当数据显示它应该是其他值时。旋转立即完成,没有动画。即使数据成功更改,位置也不会更改 我正在使用aframe动画组件 // JS var camera = document.getElementById('camera'); camera.components.animation__movecamera.data.from = camera.components.position.data; camer
// JS
var camera = document.getElementById('camera');
camera.components.animation__movecamera.data.from = camera.components.position.data;
camera.components.animation__rotatecamera.data.from = camera.components.rotation.data;
camera.components.animation__movecamera.data.to = (positions.x - positionX)+ ' ' + positions.y + ' ' + (positions.z + 10);
camera.components.animation__rotatecamera.data.to = rotations.x + ' ' + rotations.y + ' ' + rotations.z;
camera.emit('rotateCamera');
camera.emit('moveCamera');
// HTML
<a-camera id="camera"
look-controls
wasd-controls="acceleration:200"
animation__rotateCamera="property: rotation; startEvents: rotateCamera;"
animation__moveCamera="property: position; startEvents: moveCamera;"
>
感谢您的帮助。数据属性不应直接访问,它是组件的内部变量。必须改用公共API:
el.setAttribute('animation__rotateCamera', { to: foo });
更多详细信息请参见文档:
谢谢,它解决了动画不发生的问题。但是,您知道为什么我的动画开头有一个看起来像图形故障的帧吗。