threejs 多个obj模型组成球体

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

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

var geometry = new THREE.BufferGeometry();
登录后复制

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

var positions = [];
var normals = [];
登录后复制

遍历所有的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]);
}
}
登录后复制

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

geometry.addAttribute('position', new THREE.BufferAttribute(new Float32Array(positions), 3));
geometry.addAttribute('normal', new THREE.BufferAttribute(new Float32Array(normals), 3));
登录后复制

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

THREE.BufferGeometryUtils.mergeVertices(geometry);
登录后复制

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

var mesh = new THREE.Mesh(geometry, material);
登录后复制

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

var boundingSphere = new THREE.Sphere();
geometry.computeBoundingSphere(boundingSphere);
登录后复制

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

mesh.position.copy(boundingSphere.center.negate());
登录后复制

添加球体到场景中。

scene.add(mesh);
登录后复制
这样就可以将多个OBJ模型合并成一个球体了。