Three.js - 如何设置相机显示完整的3d模型

Question

我是 3D 多边形建模和 three.js 的新手。 我编写了一个导出器来将 3d 模型数据从专有格式 (cpixml) 转换为指定的 three.js json 格式，并且可以使用 JsonLoader 在浏览器中加载我的模型。 我想问是否有人可以提供一些示例代码或如何设置相机的示例，以便我可以显示孔模型。

最好的问候，并提前感谢您的帮助。

Answer 1

我不确定我是否理解您的问题。假设您只想检查加载的模型，最好的选择可能是使用 FirstPersonControls.js - https://github.com/mrdoob/three.js/blob/master/examples/js/controls/FirstPersonControls.js

或同一目录中的任何其他类型的控件

如果您想要更符合您需求的东西，请尝试使用 camera 对象 - 设置它的旋转和位置，使其符合您的喜好。

这样定位：

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

然后像这样旋转：

camera.rotation.set( x, y, z );

或者让它看起来像某个对象：

camera.lookAt( myObject.position );

如果您想要一些通用的解决方案，始终将您的相机放置在一个好的位置，您将不得不编写一些代码来为您找到这个位置。这肯定不是一件小事，你应该尝试自己做。想象一下有多少种可能性——你可能想从顶部或侧面或中间的某个地方看到它，你可能想紧挨着你的物体，或者你可能想离它们相对较远。然后，您的相机的方位在实际可见和不可见的方面也起着重要作用。