javascript - 如果我将圆柱体沿 x 方向旋转，然后沿 y 方向旋转，然后沿 z 方向以不同的 theta 方向旋转。最终圆柱体的 y 轴高度是多少？

Question

我是 Three.js 的新手，在 Three.js 中，当我创建圆柱体时，默认情况下它将平行于 y 轴，将 y 轴的高度指定为值 a。

然后，如果我以 x 轴旋转圆柱体，然后以不同的 theta 轴旋转 y 轴和 z 轴。最终圆柱体的 y 轴高度是多少(如下面的代码)？

我尝试过，但找不到答案。非常感谢您的任何答复。 :)

cylinder.rotation.x = theta1;
cylinder.rotation.y = theta2;
cylinder.rotation.z = theta3;

Answer 1

您可以在数学堆栈交换上问这个问题，或者您可以执行以下代码(插入您的 X、Y 和 Z 值)。因此，在本例中，我们的圆柱体沿 y 轴正方向的高度为 1.0:

var x = 0.0;
var y = 1.0;
var z = 0.0;

var e = new THREE.Euler(theta1, theta2, theta3);
var p = new THREE.Vector3(x, y, z);
p.applyEuler(e);

console.log(e);