修改朝向后 再次旋转场景怎么会朝向原点

当你修改了相机的朝向后，如果你再次旋转场景，相机的朝向会在原点和新旋转方向之间切换。这是因为相机的朝向是相对于场景中心点的，而场景的旋转实际上是改变了场景中心点的位置和方向。

如果你希望相机始终朝向某个固定的点，可以将这个点设置为相机的目标点，然后在旋转场景时不改变这个目标点的位置。示例代码如下：

const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
const target = new THREE.Vector3(0, 0, 0); // 设置相机的目标点为场景中心点

// 设置相机位置和朝向
camera.position.set(0, 0, 10);
camera.lookAt(target);

function rotateScene() {
  // 在旋转场景时不改变相机的目标点位置
  target.x = 0;
  target.y = 0;
  target.z = 0;

  // 旋转场景
  // ...
}

上述代码将相机的目标点设置为场景中心点，然后在旋转场景时不改变这个目标点的位置，从而实现了相机始终朝向场景中心点的效果。

相关问题

Three js 绕原点旋转后回归原点

如果你想要使用 Three.js 绕原点旋转并且回到原点的话，可以使用以下代码：

1. 首先将物体移动到原点：

object.position.set(0,0,0);

2. 接着将物体绕着原点旋转：

object.rotateY(angle);

3. 最后将物体移回到原来的位置：

object.position.set(x,y,z);

其中，`angle` 为旋转的角度，`(x,y,z)` 为物体原来的位置坐标。这样就可以实现绕原点旋转并回到原点了。

Three 指定坐标 绕原点旋转后回归原点

如果你想要在 Three.js 中指定一个点，并将物体绕该点旋转后回到原点，可以使用以下代码：

1. 首先将物体移动到指定的点：

object.position.set(point.x, point.y, point.z);

其中，`point` 为指定的点的坐标。

2. 接着将物体绕着该点旋转：

object.rotateY(angle);

其中，`angle` 为旋转的角度。

3. 最后将物体移回到原来的位置：

object.position.set(0, 0, 0);

这样就可以实现在 Three.js 中指定一个点，将物体绕该点旋转后回到原点了。