Question

我无法找到正确的方法来设置a帧中对象的角速度。

<script>
    AFRAME.registerComponent("cuberotator", {
      init: function () {
        console.log("trying to rotate the cube...");
        const theta = new THREE.Vector3(0, 20, 0);
        console.log (theta);
        this.el.setAttribute('angularVelocity', theta);
        //where is angularVelocity attribute?
      }
    });
  </script>

我在{{3}}上附加了CodePen示例

感谢您的见解。

Answer 1

如果要围绕某个点旋转立方体，则必须旋转参考点框架。

 <a-entity>
    <a-box></a-box>
 </a-entity>

您可以根据需要移动多维数据集，并且通过旋转包装实体，多维数据集将绕其初始中心旋转。

您的组件可以在称为每帧的tick（）函数中设置旋转角度。

 tick: function() {
   let rot = this.el.getAttribute("rotation")
   rot.y += this.velocity // increase it on click or whenever
   this.el.setAttribute("rotation", rot)
  }

无法在A框架中的元素上设置angularVelocity

1 个答案: