node.js - 如何在Three.js中从欧拉获得原始旋转四元数

我有一个根据旋转四元数计算出的欧拉数。我想存储欧拉，然后将其加载到其他地方以计算原始四元数。我该如何实现？

const rot = new THREE.Quaternion(-0.00122, 0.98602, -0.15773, -0.05371);
const {x, y, z} = new THREE.Euler().setFromQuaternion(
        rot,
        'YXZ',
      );
 // How to make rot1 euqal to rot (as close as possible)?
 const rot1 = new THREE.Quaternion().setFromEuler(new THREE.Euler(x, y, z));
 console.log(rot); // Quaternion {_x: -0.00122, _y: 0.98602, _z: -0.15773, _w: -0.05371}
 console.log(rot1); // Quaternion {_x: 0.0012199961779640698, _y: -0.9860197701687391, _z: -0.15688998318156033, _w: 0.056116464812051764}
 console.log(rot1.inverse()); // Quaternion {_x: -0.0012199961779640698, _y: 0.9860197701687391, _z: 0.15688998318156033, _w: 0.056116464812051764}

方向错误，并且w错误似乎有点大。
这是fiddlejs

最佳答案

您的脚本有两个问题。

1）从欧拉角创建四元数时，缺少欧拉旋转轴顺序“ YXZ”：

const rot1 = new THREE.Quaternion().setFromEuler(new THREE.Euler(x, y, z, 'YXZ'));

2）四元数和欧拉角的精度不同。将欧拉角转换为四元数时，使用一个函数可获得较小的精度：

 // Update decimal precision
 const decimalPrecision = 100000;
 function updatePrecision(input) {
    return Math.round(input*decimalPrecision) / decimalPrecision;
 }

 const rot1SmallerPrecition = {
    x: -updatePrecision(rot1.x),
    y: -updatePrecision(rot1.y),
    z: -updatePrecision(rot1.z),
 }

这里的fiddle带有更正

关于node.js - 如何在Three.js中从欧拉获得原始旋转四元数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/60472521/