three.js - 将 Camera 和 OrbitControls 设置为 Three.js 中的默认位置

Question

我有一个带有 Camera 和 OrbitControls 的场景。我让用户在场景中移动并更改相机视图和 OrbitControls 位置。

现在我有一个重置按钮，它将场景视图重置为其默认位置。

Answer 1

我们可以使用TweenJS来做到这一点。只需在您的网页上包含其 JS 库即可。

准备好在网络上显示时保存您的相机位置和 OrbitControls 目标位置，如下所示：

const default_camera_position = { ...camera.position };
const default_controls_target = { ...controls.target };

现在在按钮的 clickListener 中使用此代码。

createjs.Ticker.setFPS(60);
createjs.Tween.get(camera.position)
    .to(default_camera_position, 500);
createjs.Tween.get(controls.target)
    .to(default_controls_target, 500);

就这样。