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

Posted 2021-04-17

我想绕y轴旋转一个globe对象。我发现了一个功能：

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的值得到<= 0.我将如何接近连续旋转？

先感谢您。

答案

你应该使用object.rotateS（rad）qazxsw poi。对于连续旋转，请使用小角度并在渲染循环中更新。