javascript - 设置连续动画

标签 javascript aframe

有没有办法设置连续动画?示例:基于相机旋转,每次相机旋转时围绕它旋转球体。

最佳答案

持续检查相机旋转并使用 tick 更新球体的组件:

AFRAME.registerComponent('rotation-updater', {
  tick: function () {
    var sphere = this.el;
    var camera = this.el.sceneEl.cameraEl;

    var cameraRotation = camera.getAttribute('rotation');
    // var sphereRotation = DO SOMETHING WITH CAMERA ROTATION.
    sphere.setAttribute('rotation', sphereRotation);
  }
});

关于javascript - 设置连续动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41104714/

相关文章:

javascript - 我想使用 AFrame 和 ARJ 增强标记上的图像。当我单击或触摸(桌面和移动设备)图像时,它应该导航到 URL

javascript - 刷新页面时 Array.length 返回未定义

javascript - 使用扫描的 DynamoDB 读取峰值

aframe - 编写 A 型框架的测试规范

javascript - 为什么 A-Frame 相机动画不总是沿着最短路径旋转?

Aframe 和 aframe-ar : display video stream in div instead of fullscreen

augmented-reality - 如何将家具模型从 3d.io 导入 ARKit

javascript - 相邻的 JSX 元素必须包裹在一个封闭的标签中 React Native

javascript - setTimeout()/setInterval() 将不会执行。 **我正在传递函数对象 - 不执行该函数

javascript - JS中关联数组和对象的区别