three.js如何分别保存Euler组件x、y、z并加载它们？

three.js 我正在创建一个动画编辑器，我需要能够分别保存和加载euler x、y、z组件。用户使用EULER创建关键帧，但可以选择分别为每个组件设置动画。问题在于，更改一个组件的值将更改对象旋转中其他组件的值，从而产生不可预测的结果，从而强制保存所有组件，而不是仅保存一个组件。这使得不可能仅为一个组件设置动画… 因此我需要帮助-如何在不需要保存其他组件的情况下仅对一个组件进行操作并可靠地保存/加载该组件？任何帮助/指导都将不胜感激。我一直在尝试创建一个我正在努力实现的示例： https://jsfiddle.net/sayLqo4w/5/4 在这里，你可以看到我有一个四元数是旋转的，我将它分解为x、y和z旋转。然而，我不知道如何将它们重新组合成原始的四元数。我希望底部的四元数与顶部的四元数相匹配…… 也许我走错了方向？任何帮助或指导都将不胜感激。在将组件加载回对象之前，我需要能够保存组件并分别对每个组件进行插值。一个提示：应始终使用四元数设置一个方向到另一个方向的动画。仅使用euler角度设置四元数。但是旋转数据的实际处理应该始终使用四元数。 TBH，我不确定我是否能按照您的代码进行。您应该始终使用Quaternion.setFromEuler()将euler角度转换为四元数。另一方面也有Euler.setFromQuaternion()。对……我尝试使用Euler值来构造关键帧数据，然后将其处理为四元数。我遇到的问题是，我希望用户能够分别为每个旋转分量（x或y或z）设置关键帧… 之所以这样做，是因为它将允许更多在设置动画时控制和灵活性… 例如…用户可以设置对象在时间0到4之间围绕X组件旋转的动画，但随后让另一个轨迹在时间2到6之间旋转Y…这将使对象围绕X旋转，然后围绕X和Y旋转，最后继续Y。尝试时出现问题要在每一帧内插值，比如说它是30fps…在这种情况下，我需要将X和Y插值到相对于当前帧的正确旋转，然后将它们传递给表示该帧方向的四元数，并将其存储在实际动画动作轨迹中… 问题在于Euler不会真正分离x、y和z旋转，因为您需要所有三个来指定方向，这就是为什么当俯仰变为外部时Euler的值会翻转-90/90度。 …所以我基本上有什么…物体的旋转(三.欧拉或三元数)…但这并不能描述围绕单个X、Y或Z旋转…euler和四元数将这三者结合起来，因为这只是一个方向。所以我不得不将所有X、Y、Z放在一个关键帧中，这意味着在创建这些旋转的组合方向之前，我不能单独插值x、y或z。我不确定我是否解释得足够好-也许我已经重复了我自己一点…但希望这能解释我的困境… 也许我是以错误的方式处理这个问题的？也许有一种方法可以做我想做的事，但是用另一种方法？？？当您使用一元四元数（标准化）时，很容易>求逆> 四元数的乘法是一个旋转序列>q3q1so以反转先前的>q2q1。和=cos（alpha/2）+sin（alpha/2）j在> 编辑：忘记告诉，四元数的乘法（likerotation）是不可交换的（仅关联的），因此如果您想返回，您必须将用于序列的所有四元数存储到一个数组中。嘿，您能解释一下为什么我需要反转一个四元数…以及哪个四元数吗？反转四元数是什么意思？你说“x，y，z周围的序列”是什么意思？看起来您正在将一个四元数拆分为多个四元数？我不确定我是否理解你所说的… 所以让我看看我是否理解… 我必须在每次修改对象后存储四元数，以便检索x、y、z轴上的当前总旋转量？然后我需要循环这些，并在循环中应用四元数的共轭，以便它将旋转向后反转到起始方向…在我这样做时，我记录q（x），q（y），q（z），以便在我到达原始方向时，我有每个轴的总旋转量？ hm…但是如果每个组件都要在不同的时间分别进行插值，这是否有效？当对象播放动画时，如果我在时间线上向前或向后移动，我可以看到这会变得一团糟……对象将与当前帧匹配

three.js如何分别保存Euler组件x、y、z并加载它们？

three.js[已解决]正交摄影机的变换控件：gizmos缩放问题

three.js多次渲染同一模型（obj模型），FPS要低得多

three.js可缩放场景背景

three.js移动导入的Gltf模型

three.js平面明暗处理的问题

three.js如何渲染立方体材质？

three.js如何创建要在网格中拟合的线段

three.jsGLTFLoader.js这是我的登记簿错误

three.js使用threejs的光流

three.js使用光线投射动态绘制多边形