如何翻转3D对象并重置旋转中心？能否调整相机修正对象位置？

我初始化3D对象时，发现其初始状态倾斜，且旋转轴位于右下角。若旋转轴不在中心，用户旋转查看时体验会较为怪异。我已添加辅助线来查看对象状态，代码如下：

private axes() {
  var axes = new THREE.AxesHelper(30);

  this.scene.add(axes);
  var gridHelper = new THREE.GridHelper(100, 30, 0x2C2C2C, 0x888888);
  gridHelper.position.y = -10;
  this.scene.add(gridHelper);
}

初始状态示意图：

期望效果示意图：

以下是两种可行的解决方案：

一、调整3D对象本身（重置中心+修正倾斜） #

1. 重置对象旋转中心 #

要让旋转轴回到对象中心，需修正几何体的原点位置：

// 假设your3DObject是目标模型对象
const box = new THREE.Box3().setFromObject(your3DObject);
const center = box.getCenter(new THREE.Vector3());

// 平移几何体，使中心对齐世界原点
your3DObject.geometry.translate(-center.x, -center.y, -center.z);

// 更新几何体边界信息，确保后续计算准确
your3DObject.geometry.computeBoundingBox();
your3DObject.geometry.computeBoundingSphere();

执行后，对象的旋转轴会自动对齐自身中心，旋转操作体验恢复正常。

2. 修正对象倾斜状态 #

根据辅助线坐标轴方向，通过旋转修正倾斜：

• 直接设置旋转角度（示例为绕X轴调整，按需修改）：

your3DObject.rotation.x = Math.PI / 2;

• 或用lookAt让对象朝向特定方向（比如对齐世界坐标系）：

your3DObject.lookAt(new THREE.Vector3(0, 0, 0));

二、通过调整相机角度修正视觉效果 #

如果不想修改对象本身，可调整相机位置与朝向，让对象在视角中呈现正确姿态：

1. 直接调整相机参数 #

// 设置相机观察位置
camera.position.set(0, 15, 30);
// 让相机看向对象中心（需先计算center）
camera.lookAt(center);

2. 配合OrbitControls优化交互 #

若使用OrbitControls，将控制目标设为对象中心，确保旋转相机时围绕对象操作：

controls.target.copy(center);
controls.update();

内容的提问来源于stack exchange，提问作者Finn