threejs指定对象旋转中心

指定对象旋转中心

默认情况下，对象的旋转中心都是自身的中心。对于组对象而言，也是如此。因此，可以利用这个特点，实现对象绕任何点旋转，也就是指定旋转中心。比如我们想要下图的对象绕A点旋转 

我们可以添加我们的对象到一个组对象，然后移动对象，让A点对准组的中心位置，如下：

此时，如果我们旋转组对象，整个组里面的对象都绕着组的中心旋转，那么就实现了对象绕A点旋转了。

但是，此时我们的对象位置变了，所以，我们再把组对象往回移，让对象回到原来的位置，如下： 

这样，我们就实现了指定对象旋转中心的能力了。具体实现如下：

//通过x,y,z指定旋转中心，obj是要旋转的对象
function changePivot(x,y,z,obj){
   let wrapper = new THREE.Object3D();
         wrapper.position.set(x,y,z);
        wrapper.add(obj);
        obj.position.set(-x,-y,-z);
        return wrapper;
}

 

【完整例子】【参考资料】