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

Question

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

最好的问候和提前帮助你。

Answer 1

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

来自同一目录的任何其他类型的控件

如果您想要更符合您需求的东西，请尝试使用相机对象 - 设置其旋转和位置，以便您自己喜欢。

这样定位：

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

并像这样旋转：

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

或让它看向某个对象：

camera.lookAt( myObject.position );

如果您想要一些能够始终将相机放在合适位置的通用解决方案，您将需要编写一些可以找到此位置的代码。这肯定不是一件小事，你应该尝试自己做。想象一下有多少种可能性 - 您可能希望从顶部或侧面或两者之间看到它，您可能想要在您的对象旁边，或者您可能希望距离它们相对较远。然后，相机的外观在实际可见和不可见的内容中起着重要作用。