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

完整例子】【参考资料

IT文库 » threejs指定对象旋转中心
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址