如何将四元数转换为旋转角度？Three.js大角度转换异常问题咨询

• 你当前的计算方式只利用了四元数的w分量，忽略了四元数的双覆盖特性：同一个空间朝向对应两个互为相反数的四元数，当矩阵转换得到的是原旋转四元数的相反数时，你通过2 * Math.acos(w)计算得到的角度会是原角度的补角（和原角度相加等于360°），这就是大于240°后结果异常的根本原因。
• 直接访问四元数的_w私有属性不符合Three.js的API规范，私有属性可能在版本迭代中变更，应该使用公开属性w。

推荐直接使用Three.js内置的Euler类提取绕Z轴的旋转角度，自动处理符号和范围问题：

const degree = 300; // 测试大于240°的场景
const matrix = new THREE.Matrix4();
const rotated = matrix.makeRotationZ(degree * (Math.PI / 180));

// 从矩阵直接创建欧拉角，指定旋转顺序为ZXY（只要Z是第一个轴即可，适配绕Z轴旋转的场景）
const euler = new THREE.Euler().setFromRotationMatrix(rotated, 'ZXY');
// 提取Z轴旋转弧度转角度
const radToDegree = (euler.z * 180) / Math.PI;

// 如果需要结果落在0~360°范围，可以加如下处理
const normalizedDegree = radToDegree < 0 ? radToDegree + 360 : radToDegree;
console.log(normalizedDegree); // 输出300，符合预期

如果你一定要用四元数计算，需要同时判断四元数的z分量符号来修正角度：

const degree = 300;
const matrix = new THREE.Matrix4();
const rotated = matrix.makeRotationZ(degree * (Math.PI / 180));

const quat = new THREE.Quaternion();
quat.setFromRotationMatrix(rotated);

let angle = 2 * Math.acos(quat.w);
// 绕Z轴旋转的四元数z分量为sin(angle/2)，符号为负说明角度需要取反
if (quat.z < 0) {
  angle = -angle;
}
let radToDegree = (angle * 180) / Math.PI;
// 归一化到0~360°
if (radToDegree < 0) radToDegree += 360;
console.log(radToDegree); // 输出300

内容的提问来源于stack exchange，提问作者surya kumara