Three.js物体绕中心旋转 -- 增加容器_数据

默认物体绕左侧旋转
增加外部容器 旋转目标改为外部的容器 物体在容器内部向左偏移一般距离
一般距离是多少 可通过创造盒子获取
例:

function getSize(mesh: Object3D) {
return new Box3().setFromObject(mesh).getSize(new Vector3());
}

const acter = createText("me", { height: 3, size: 13 });
//向左移动一半距离 使容器旋转时人物以中心旋转
acter.position.set(getSize(acter).x / -2, 0, 0);

export const acterWrap = new Group();
acterWrap.add(acter);

需要让目标旋转的时候

const tick = () => {
acterWrap.rotation.x += 0.01;
requestAnimationFrame(tick)
};
tick();

还有一种办法也是这个思路 不过不需要格外一个物体包裹
更改物体的几何数据 来实现物体绕某点旋转

geometry.translate(-4, 3, 0);

这样物体的旋转中心就是 -3,3,0