ThreeJS - 围绕对象自己的轴旋转

【问题标题】：ThreeJS - rotation around object's own axisThreeJS - 围绕对象自己的轴旋转
【发布时间】：2017-10-13 07:14:04
【问题描述】：

我正在尝试围绕它自己的轴旋转对象，但没有任何效果。我尝试了文档中的所有功能，欧拉的功能等等。但它根本不想旋转。

【问题讨论】：

【解决方案1】：

也许我可以帮助你：您可以使用此库 https://github.com/albertopiras/threeJS-object-controls 独立于场景的其余部分旋转对象。

var controls = new THREE.ObjectControls(camera, renderer.domElement, yourMesh);

【讨论】：

【解决方案2】：

您可以使用这样的模式在自己的（局部）轴上旋转对象：

var axis = new THREE.Vector3( x, y, z ).normalize(); // create once and reuse it

object.rotateOnAxis( axis, radians );

确保轴的长度为 1。

其他方便的方法是

object.rotateX( radians );
object.rotateY( radians );
object.rotateZ( radians );

如果您想围绕世界轴旋转对象，请参阅this answer。

three.js r.85

【讨论】：