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

Question

我是三维多边形造型和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.position.set( x, y, z );

然后像这样旋转：

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

或者让它看起来像某种物体：

camera.lookAt( myObject.position );

如果你想要一个通用的解决方案，总是把你的相机放在一个好的位置，你将不得不写一些代码，将为你找到这个位置。这当然不是一件小事，你应该自己去做。想象一下有多少种可能性--你可能想从顶部、侧面或中间的某个地方看到它，你可能想在你的物体旁边，或者你可能希望离它们相对较远。然后，你的相机也扮演了一个很大的角色，什么是真正可见的，什么是不会。