在三个JS中查看任意几何图形

Question

我必须将csv文件中的3种不同类型的几何图形（立方体，直线和点）加载到场景中，并添加一个摄像头和灯光来对其进行查看。

听起来很容易，但我在场景的中心努力地处理要收集的点和位置。

我正在寻找一些伪代码，以概述实现此目标所需的方法，而不管其几何形状如何。

我已经使用了多维数据集，但是正在努力处理的点和线。

我当前正在使用的过程的大致概念是-：

1. 执行导入
2. 将导入的几何图形包装为一组
3. 原点位置组
4. 创建相机并指向原点

欢迎提出任何想法。

丰富

Answer 1

const aabb = new THREE.Box3().setFromObject( object );
const center = aabb.getCenter( new THREE.Vector3() );

object.position.x += ( object.position.x - center.x );
object.position.y += ( object.position.y - center.y );
object.position.z += ( object.position.z - center.z );

如果您需要更完整的解决方案，以最佳参数自动配置摄像机和控件（THREE.OrbitControls，请从以下基于three.js的glTF查看器中检出代码：

https://github.com/donmccurdy/three-gltf-viewer/blob/691ca91fddb69b6e1ba3d3a49753142e38082ef7/src/viewer.js#L218-L247
three.js R108