Three.js如何获得一个对象相对于另一个对象的旋转？

Three.js是一个用于创建和展示3D图形的JavaScript库。要获得一个对象相对于另一个对象的旋转，可以使用Three.js中的Matrix4类来进行计算。

首先，需要获取两个对象的世界坐标系下的变换矩阵。可以使用getWorldMatrix()方法来获取一个对象的世界变换矩阵。

var matrix1 = new THREE.Matrix4();
matrix1.copy(object1.getWorldMatrix());

var matrix2 = new THREE.Matrix4();
matrix2.copy(object2.getWorldMatrix());

接下来，可以使用Matrix4类的getInverse()方法来获取一个矩阵的逆矩阵，然后使用multiply()方法将两个矩阵相乘，得到一个表示从对象2到对象1的变换矩阵。

var matrix2Inverse = new THREE.Matrix4();
matrix2Inverse.getInverse(matrix2);

var relativeMatrix = new THREE.Matrix4();
relativeMatrix.multiplyMatrices(matrix1, matrix2Inverse);

最后，可以使用Matrix4类的decompose()方法将变换矩阵分解为旋转、缩放和平移等组成部分。可以通过访问分解后的旋转部分来获取对象1相对于对象2的旋转。

var relativeRotation = new THREE.Euler();
var relativeScale = new THREE.Vector3();
var relativeTranslation = new THREE.Vector3();

relativeMatrix.decompose(relativeTranslation, relativeRotation, relativeScale);

console.log("Object 1 relative rotation to Object 2: ", relativeRotation);

这样就可以获得对象1相对于对象2的旋转信息。

在Three.js中，还有其他一些方法可以实现相似的功能，比如使用Quaternion类来表示旋转，或者使用Vector3类来计算两个对象之间的角度差。具体使用哪种方法取决于具体的需求和场景。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。