如何围绕轴旋转 Three.js Vector3?

Posted

技术标签:

【中文标题】如何围绕轴旋转 Three.js Vector3?【英文标题】:How to rotate a Three.js Vector3 around an axis? 【发布时间】:2012-05-31 15:05:09 【问题描述】:

如何将 Three.js Vector3 绕轴旋转一定角度?

【问题讨论】:

【参考方案1】:
var vector = new THREE.Vector3( 1, 0, 0 );

var axis = new THREE.Vector3( 0, 1, 0 );
var angle = Math.PI / 2;

vector.applyAxisAngle( axis, angle );

【讨论】:

谢谢杜布先生。您在 THREE.Vector 之后忘记了 3。 你现在应该使用 Vector3#applyMatrix4(matrix) 而不是 Matrix4#multiplyVector3(vector) 你现在应该使用vector.applyAxisAngle( axis, angle );三.js r.69 @WestLangley - 为什么结果是 x: 2.220446049250313e-16, y: 0, z: -1 我们应该注意舍入错误吗? 在这里查看实际操作:codepen.io/arpo/pen/LkXYGQ/?editors=0010

以上是关于如何围绕轴旋转 Three.js Vector3?的主要内容,如果未能解决你的问题,请参考以下文章

three.js围绕边缘旋转三角形

three.js:结合 tween.js 围绕世界轴旋转对象

three.js 在它的中心围绕 Y 轴旋转 Object3d

如何在three.js中围绕对象的中心旋转?

三个JS围绕轴旋转

Three.js 飞机的 3D 旋转