three.js - Threejs 按 x 和 z 进行的旋转单独工作，但一起失败

Question

我需要围绕 x 和 z 轴旋转钻石(参见附件)。当单独旋转时(意味着我只设置rotation.x或rotation.z)，旋转看起来很好并且可以工作。但是当我设置两个旋转(x 和 z)时，旋转看起来像这样:

我错过了什么吗？不知何故，对象局部坐标系发生了旋转，现在绕 2 个轴的旋转失败了？

diamond.position = brilliantPositions[i][0];
diamond.rotation = brilliantPositions[i][1];
this.frames.arrangementMesh.add(diamond);

提前感谢您的提示亲切的问候罗曼和帕特里克

Answer 1

欧拉阶确实为我们解决了问题。在我们的例子中，我们必须执行以下操作

diamond.eulerOrder = 'ZYX';

为了让计算采取正确的方式。非常感谢!

Here's more information about euler order

PS:我无法接受 WestLangley 的评论作为答案，因此我只是将其升级并在此处重新发布解决方案