旋转相机以查看三个.js 中的选定对象答案

【问题标题】：Rotate camera to look at Selected object in three.js旋转相机以查看三个.js 中的选定对象
【发布时间】：2020-03-03 13:19:09
【问题描述】：

我正在尝试设计地图。因此，当我选择任何几何体时，我希望对象位于视口的中心，并且相机正在查看它。我花了很多时间在网上到处寻找，但没有找到答案。请注意，我不想旋转对象。我只想更新相机。我试图在这个例子中得到类似的东西，当我们点击数字时，它会出现在中心：https://sketchfab.com/3d-models/jurassic-aquarium-diorama-with-annotations-d82bea156a1c4176b5d09b82b176e84c

这是我尝试过并且最接近给我任何输出的方法：

       `camera.position.x = select.position.x;
        camera.position.y = select.position.y;
        camera.position.z = select.position.z;
        camera.Translate(0,0,-1);
        camera.updateProjectionMatrix ();`

select 具有选定的对象。虽然上面的代码确实旋转了相机，但它无法查看选定的对象。

我也试过lookAT(select.position)，但也没有用。

请帮帮我。

【问题讨论】：

您要旋转还是移动相机？您的问题建议前者，但您的代码建议后者。

标签： javascript three.js 3d geometry quaternions

【解决方案1】：

如果您在项目中使用 Orbit 或 Trackball 控件，则仅通过更改相机的外观将无法正常工作。您还需要更改控件的目标。要进行实验，只需尝试禁用控件，然后更改相机的外观。

【讨论】：