ThreeJS - 围绕物体自身的轴旋转

Question

我正在尝试围绕它自己的轴旋转对象，但没有什么想要工作。我尝试了文档中的所有函数，Euler的函数等等。但它根本不想旋转。

Answer 1

您可以使用如下图案在自己的（本地）轴上旋转对象：

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 );

如果要围绕 world 轴旋转对象，请参阅this answer。

three.js r.85

Answer 2

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

var controls = new THREE.ObjectControls（camera，renderer.domElement，yourMesh）;

这里是现场演示https://albertopiras.github.io/threeJS-object-controls/