threejs 用多个obj模型布满球体的表面

要用 Three.js 在球体表面布置多个 OBJ 模型，可以按照以下步骤进行：

1. 创建一个球体几何体，并将其放置在场景中。

const geometry = new THREE.SphereGeometry(radius, segments, rings);
const material = new THREE.MeshBasicMaterial({ color: 0xffffff });
const sphere = new THREE.Mesh(geometry, material);
scene.add(sphere);

2. 加载 OBJ 模型并创建多个 Mesh 对象。

const loader = new THREE.OBJLoader();
loader.load(objUrl, function (object) {
  object.traverse(function (child) {
    if (child instanceof THREE.Mesh) {
      // 创建多个 Mesh 对象
      const mesh = new THREE.Mesh(child.geometry, child.material);
      meshes.push(mesh);
    }
  });
});

3. 将每个 Mesh 对象随机放置在球体表面。

const position = new THREE.Vector3();
const quaternion = new THREE.Quaternion();

meshes.forEach((mesh) => {
  // 随机生成球面坐标
  const u = Math.random();
  const v = Math.random();
  const theta = 2 * Math.PI * u;
  const phi = Math.acos(2 * v - 1);

  // 计算球面坐标对应的三维坐标
  position.set(
    radius * Math.sin(phi) * Math.cos(theta),
    radius * Math.sin(phi) * Math.sin(theta),
    radius * Math.cos(phi)
  );

  // 计算法向量
  const normal = position.clone().normalize();

  // 将模型朝向球体外侧
  quaternion.setFromUnitVectors(new THREE.Vector3(0, 1, 0), normal);
  mesh.setRotationFromQuaternion(quaternion);

  // 将 Mesh 对象放置在球体表面
  mesh.position.copy(position);
  sphere.add(mesh);
});

以上代码实现了将多个 OBJ 模型随机放置在球体表面的功能。需要注意的是，每个 OBJ 模型的大小和形状可能不同，需要根据实际情况进行调整。