three.js如何让物体绕任意轴旋转

在three.js中，你可以使用`Quaternion`来实现围绕任意轴旋转一个物体。下面是一个例子，演示了如何使用`Quaternion`旋转一个立方体围绕一个任意轴：

// 创建一个立方体
var cube = new THREE.Mesh(new THREE.BoxGeometry(1, 1, 1), new THREE.MeshNormalMaterial());

// 计算旋转轴和角度
var axis = new THREE.Vector3(1, 1, 0).normalize(); // 旋转轴
var angle = Math.PI / 4; // 旋转角度

// 创建一个Quaternion对象
var quaternion = new THREE.Quaternion().setFromAxisAngle(axis, angle);

// 将旋转应用到立方体的quaternion属性
cube.quaternion.multiplyQuaternions(quaternion, cube.quaternion);

这个例子创建了一个立方体，并计算出旋转轴和角度。然后，它创建了一个`Quaternion`对象，将旋转应用到立方体的`quaternion`属性中。每次应用旋转时，都要将新的旋转乘以旧的旋转来保持旧的旋转。

在这个例子中，我们使用了`setFromAxisAngle`方法来创建一个旋转的`Quaternion`对象。该方法接受旋转轴和旋转角度作为参数，并返回一个旋转的`Quaternion`对象。然后，我们使用`multiplyQuaternions`方法将旋转应用到立方体的`quaternion`属性中。

需要注意的是，使用`Quaternion`对象来旋转物体时，不要直接修改物体的`rotation`属性。这是因为`rotation`属性是欧拉角，它不支持围绕任意轴的旋转，并且可能会导致奇怪的结果。