如何围绕其轴旋转三个js中的对象？

Question

我想围绕它的 y 轴旋转一个地球对象。我找到了一个功能：

function rotateAroundObjectAxis(object, axis, radians) {

  var rotationMatrix = new THREE.Matrix4();

  rotationMatrix.makeRotationAxis(axis.normalize(), radians);
  object.matrix.multiply(rotationMatrix);
  console.log("object matrix: " + object.matrix.elements);
  object.rotation.setFromRotationMatrix( object.matrix );
}

但是，旋转会在特定点停止。我认为这是因为用于矩阵乘法与我计算的旋转矩阵的 object.matrix 的值得到

提前谢谢你。

Answer 1

您应该使用 object.rotateY(rad) https://threejs.org/docs/#api/en/core/Object3D.rotateY。对于连续旋转，使用小角度并在渲染循环中更新。