技术求助：如何使用Three.js绘制椭球体？

方法1：使用内置EllipsoidGeometry（推荐新版本Three.js） #

Three.js原生提供了EllipsoidGeometry类专门用于创建椭球体，直接指定三个轴的半轴长度即可：

// 初始化场景、相机、渲染器（基础代码省略）
const scene = new THREE.Scene();

// 创建椭球体几何体：参数依次为x轴半轴、y轴半轴、z轴半轴，横向分段数、纵向分段数
const ellipsoidGeometry = new THREE.EllipsoidGeometry(5, 3, 2, 32, 32);
// 选择合适的材质，这里使用线框材质方便观察结构
const material = new THREE.MeshBasicMaterial({ color: 0x2ecc71, wireframe: true });
const ellipsoid = new THREE.Mesh(ellipsoidGeometry, material);

scene.add(ellipsoid);

• 前三个参数控制椭球体的尺寸，按需调整即可；
• 后两个分段数参数决定表面平滑度，数值越高表面越细腻，但会增加性能开销。

方法2：缩放球体几何体（兼容旧版本Three.js） #

如果你的Three.js版本未提供EllipsoidGeometry，可以通过对单位球体进行不等比缩放来模拟椭球体：

const scene = new THREE.Scene();

// 创建单位球体几何体
const sphereGeometry = new THREE.SphereGeometry(1, 32, 32);
const material = new THREE.MeshStandardMaterial({ color: 0x3498db });
const ellipsoid = new THREE.Mesh(sphereGeometry, material);

// 对三个轴进行不等比缩放，得到椭球体
ellipsoid.scale.set(5, 3, 2); // x轴缩放5倍，y轴3倍，z轴2倍

scene.add(ellipsoid);

这种方法本质是将球体拉伸变形，视觉效果和原生椭球体一致，且兼容性更强。

注意事项 #

• 若需要物理交互，缩放后的球体需同步调整物理引擎中的碰撞体参数，避免碰撞检测异常；
• 分段数建议根据场景性能需求平衡，无需盲目追求最高数值。

内容的提问来源于stack exchange，提问作者arbiterpan