ar.js引入后，移动端控制台报 I.MathUtils.degToRad undefined

这个问题通常是因为 I.MathUtils.degToRad 函数没有被正确引入导致的。您可以通过手动引入该函数来解决这个问题。

您可以在代码中添加以下代码来手动引入该函数：

I.MathUtils = {
    degToRad: function(deg) {
        return deg * (Math.PI / 180);
    }
};

将上述代码添加到您的代码中之后，再次运行应该就不会出现 I.MathUtils.degToRad undefined 的报错了。如果问题依然存在，可以提供更多的代码信息以便更好地帮助您解决问题。

相关问题

three.js设置模型rotation

在Three.js中，您可以使用rotation属性来设置模型的旋转。rotation属性是一个包含X、Y和Z轴旋转值的向量。改变rotation的X、Y和Z值会导致模型在对应轴上发生旋转。

例如，如果您想将模型绕X轴旋转90度，您可以使用以下代码：
mesh.rotation.x = Math.PI / 2;

另外，您也可以使用rotation.set()方法来同时设置X、Y和Z轴的旋转值。例如，如果您想将模型绕X轴逆时针旋转90度，您可以使用以下代码：
mesh.rotation.set(-Math.PI / 2, 0, 0);

同样地，如果您想将模型绕Y轴旋转180度，您可以使用以下代码：
mesh.rotation.set(0, Math.PI, 0);

请注意，旋转的角度通常使用弧度表示，但您也可以使用MathUtils.degToRad()方法将角度转换为弧度来进行设置。例如，如果您想将模型绕Y轴旋转180度，您可以使用以下代码：
mesh.rotation.set(0, THREE.MathUtils.degToRad(180), 0);

总结起来，通过改变模型的rotation属性，您可以在Three.js中设置模型的旋转。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>

three.js quaternion 绕多个轴旋转

### 回答1：
要绕多个轴旋转，可以将多个旋转合并为一个四元数。假设要绕向量 $a$ 和向量 $b$ 进行旋转，可以先将它们规范化，然后计算出旋转角度 $\theta$，最后构造一个四元数来表示绕向量 $a$ 和向量 $b$ 的旋转：

var a = new THREE.Vector3(1, 0, 0).normalize();
var b = new THREE.Vector3(0, 1, 0).normalize();
var c = new THREE.Vector3().crossVectors(a, b).normalize();
var angle1 = Math.acos(a.dot(b));
var angle2 = Math.PI / 2 - angle1;
var quaternion1 = new THREE.Quaternion().setFromAxisAngle(a, angle1);
var quaternion2 = new THREE.Quaternion().setFromAxisAngle(c, angle2);
var quaternion = new THREE.Quaternion().multiplyQuaternions(quaternion1, quaternion2);

这段代码中，我们首先计算出向量 $a$ 和向量 $b$ 的叉积 $c$，这个向量就是旋转的轴，因为它垂直于向量 $a$ 和向量 $b$。然后，我们计算出旋转角度 $\theta$，这个角度可以通过向量 $a$ 和向量 $b$ 的点积来计算。接下来，我们构造两个四元数，分别表示绕向量 $a$ 和向量 $c$ 的旋转。最后，我们将这两个四元数相乘，得到的就是绕向量 $a$ 和向量 $b$ 的旋转四元数。

### 回答2：
three.js 的 quaternion 类提供了一个方便的方法来实现绕多个轴的旋转。一个 quaternion 是一种四元数，它可以用来表示空间中的旋转。

假设我们要旋转一个物体绕 X，Y 和 Z 轴旋转，我们可以创建三个 quaternion 对象分别表示这三个旋转。然后，我们可以通过将这三个旋转 quaternion 进行乘法运算，得到一个新的 quaternion，此新 quaternion 表示了绕多个轴的旋转。

首先，我们需要创建三个旋转 quaternion 对象，分别表示绕 X、Y 和 Z 轴的旋转。可以使用 three.js 的 Quaternion 类的 setFromAxisAngle 方法来创建这些 quaternion。这个方法接受两个参数，第一个参数是表示旋转轴的三维向量，第二个参数是表示旋转角度的弧度值。

然后，我们需要将这三个旋转 quaternion 进行乘法运算，以得到新的 quaternion，表示绕多个轴的旋转。可以使用 three.js 的 Quaternion 类的 multiplyQuaternions 方法来进行 quaternion 的乘法。

最后，我们可以通过将这个新的 quaternion 赋值给物体的 quaternion 属性来实现绕多个轴旋转。

下面是一个实现绕多个轴旋转的例子：

// 创建旋转 quaternion 对象
var quaternionX = new THREE.Quaternion().setFromAxisAngle(new THREE.Vector3(1, 0, 0), angleX);
var quaternionY = new THREE.Quaternion().setFromAxisAngle(new THREE.Vector3(0, 1, 0), angleY);
var quaternionZ = new THREE.Quaternion().setFromAxisAngle(new THREE.Vector3(0, 0, 1), angleZ);

// 将三个旋转 quaternion 进行乘法运算
var rotationQuaternion = new THREE.Quaternion();
rotationQuaternion.multiplyQuaternions(rotationQuaternion, quaternionX);
rotationQuaternion.multiplyQuaternions(rotationQuaternion, quaternionY);
rotationQuaternion.multiplyQuaternions(rotationQuaternion, quaternionZ);

// 将新的 quaternion 赋值给物体的 quaternion 属性
object.quaternion.copy(rotationQuaternion);

通过这个例子，我们可以实现一个物体绕 X、Y 和 Z 轴的多轴旋转。

### 回答3：
three.js中的Quaternion是一种数学工具，可以用来进行旋转操作。通过使用Quaternion的四元数表示，我们可以绕多个轴进行旋转。

首先，我们需要创建一个Quaternion对象，并设置其初始值为单位四元数。可以使用以下代码来实现：

var quaternion = new THREE.Quaternion();
quaternion.set(0, 0, 0, 1); // 设置为单位四元数

接下来，我们可以使用quaternion对象的multiply方法来进行连续旋转操作。假设我们想要绕X轴旋转θ度，Y轴旋转φ度，Z轴旋转ψ度，我们可以使用以下代码：

quaternion.multiply(new THREE.Quaternion().setFromEuler(new THREE.Euler(
  THREE.MathUtils.degToRad(θ),
  THREE.MathUtils.degToRad(φ),
  THREE.MathUtils.degToRad(ψ),
  'XYZ' // 设置旋转顺序
)));

最后，我们可以将Quaternion对象应用到需要旋转的物体上，通过设置物体的rotation属性为quaternion对象，即可实现绕多个轴进行旋转。例如：

mesh.rotation.setFromQuaternion(quaternion);

通过以上代码，我们就可以实现绕多个轴进行旋转的效果了。

需要注意的是，使用Quaternion进行旋转时，旋转顺序对最终结果有影响。在上面的代码中，我们使用了'XYZ'作为旋转顺序，你可以根据实际需要进行调整。