如何使用四元数围绕 x 轴和 y 轴旋转答案

【问题标题】：how to rotate around x axis and then y axis using quaternions如何使用四元数围绕 x 轴和 y 轴旋转
【发布时间】：2019-09-18 15:42:30
【问题描述】：

我想先围绕它的 x 轴 90 度对一个对象应用旋转，然后再围绕它的 y 轴 90 度。如何在three.js 中做到这一点？

我试过了

mesh.rotation.x = Math.PI * 0.5;
mesh.rotation.y = Math.PI * 0.5;

但它没有按我的意愿旋转。

【问题讨论】：

but it doesn't rotate as I wanted 预期是什么，实际是什么？看起来您可以使用this 一次旋转两个轴？
想想像全局这样的轴不要改变，我想围绕 x 轴旋转对象，然后围绕 y 轴旋转。这很容易可视化。但我猜首先在 x 轴上旋转会改变它的局部轴，所以我不能再次围绕全局 y 轴旋转。
是否需要使用四元数？网格是否开始旋转？确保您的问题是关于 global 或 local 轴的。研究Object3D 方法。
How to rotate a 3D object on axis three.js?的可能重复

【解决方案1】：

我们可以这样实现，

mesh.rotateX(Math.PI * 0.5);
mesh.rotateY(Math.PI * 0.5);

【讨论】：