threejs 多个obj模型组成球体

要将多个OBJ模型组成球体，可以使用Three.js的BufferGeometry和BufferAttribute来实现。下面是一种可能的实现方法：

1. 创建一个空的BufferGeometry对象，用于存储所有顶点数据。

var geometry = new THREE.BufferGeometry();

2. 创建一个数组来存储所有顶点坐标和法线数据。

var positions = [];
var normals = [];

3. 遍历所有的OBJ模型，将它们的顶点和法线数据合并到数组中。

for (var i = 0; i < models.length; i++) {
  var model = models[i];
  var vertices = model.geometry.attributes.position.array;
  var vertexNormals = model.geometry.attributes.normal.array;
  for (var j = 0; j < vertices.length; j++) {
    positions.push(vertices[j]);
    normals.push(vertexNormals[j]);
  }
}

4. 将数组中的数据设置为BufferAttribute。

geometry.addAttribute('position', new THREE.BufferAttribute(new Float32Array(positions), 3));
geometry.addAttribute('normal', new THREE.BufferAttribute(new Float32Array(normals), 3));

5. 使用THREE.BufferGeometryUtils中的mergeVertices()函数将重复的顶点合并。

THREE.BufferGeometryUtils.mergeVertices(geometry);

6. 创建一个THREE.Mesh对象，并将BufferGeometry设置为它的geometry属性。

var mesh = new THREE.Mesh(geometry, material);

7. 调用THREE.SphereBufferGeometry中的computeBoundingSphere()函数计算出球体的包围盒。

var boundingSphere = new THREE.Sphere();
geometry.computeBoundingSphere(boundingSphere);

8. 将球体的中心点设置为包围盒的中心点。

mesh.position.copy(boundingSphere.center.negate());

9. 添加球体到场景中。

scene.add(mesh);

这样就可以将多个OBJ模型合并成一个球体了。