three.js如何旋转一个任意物品绕任意轴

在three.js中，可以使用以下步骤旋转一个任意物体绕任意轴：

1. 创建一个Vector3对象来表示旋转轴的方向。

var axis = new THREE.Vector3(1, 0, 0); // 以x轴为旋转轴

2. 将该向量标准化。

axis.normalize();

3. 创建一个Quaternion对象来表示旋转。

var angle = Math.PI / 2; // 旋转角度
var quaternion = new THREE.Quaternion().setFromAxisAngle(axis, angle);

4. 将旋转应用于物体的旋转属性中。

object.rotation.setFromQuaternion(quaternion);

其中，object代表需要旋转的物体，可以是Mesh、Group等对象。

如果需要连续旋转，则可以使用以下代码：

var axis = new THREE.Vector3(1, 0, 0); // 以x轴为旋转轴
axis.normalize();
var angle = Math.PI / 2; // 旋转角度
var quaternion = new THREE.Quaternion().setFromAxisAngle(axis, angle);

function animate() {
  requestAnimationFrame(animate);
  object.quaternion.multiplyQuaternions(quaternion, object.quaternion);
  // 或者使用 object.applyQuaternion(quaternion);
  renderer.render(scene, camera);
}

该代码将在每一帧中应用旋转，并将结果渲染到画布上。