如何在球体内部生成随机的Three.Vector3点？

你当前的代码确实是在立方体范围内生成随机点（x、y、z各自在[-radius/2, radius/2]区间独立随机），这类点会大量落在球体外部。要生成球体内部的均匀随机点，需要通过球坐标系转笛卡尔坐标系的方式实现，核心是利用球面角和经过校正的随机半径来计算坐标。

实现思路 #

• 生成两个随机角度：
  • θ（极角）：范围[0, Math.PI]，对应从球体北极到南极的覆盖范围
  • φ（方位角）：范围[0, 2 * Math.PI]，对应绕z轴一周的全方位覆盖
• 生成校正后的随机半径：直接取[0, radius]的均匀随机值会导致点集中在球心附近，需用Math.cbrt(Math.random()) * radius，借助立方根让点在球体内部按体积均匀分布
• 球坐标转笛卡尔坐标：
  • x = r * sinθ * cosφ
  • y = r * sinθ * sinφ
  • z = r * cosθ

修改后的代码 #

#createParticlePosition() {
  const shape = this.options.shape;
  if (shape.type === 'sphere') {
    const radius = shape.radius;
    // 生成均匀分布的随机半径
    const r = Math.cbrt(Math.random()) * radius;
    // 极角 θ：0 到 π
    const theta = Math.random() * Math.PI;
    // 方位角 φ：0 到 2π
    const phi = Math.random() * 2 * Math.PI;

    // 转换为笛卡尔坐标
    const x = r * Math.sin(theta) * Math.cos(phi);
    const y = r * Math.sin(theta) * Math.sin(phi);
    const z = r * Math.cos(theta);

    return new Three.Vector3(x, y, z);
  }
}

关键细节说明 #

• 立方根校正的原因：球体体积与半径的立方成正比，Math.cbrt(Math.random())能让半径的概率分布和体积分布匹配，避免点在球心过度聚集
• 角度范围的合理性：θ取0到π可以覆盖上下半球的所有位置，φ取0到2π能覆盖环绕球体的全方向，两者结合能遍历整个球面及内部空间
• 原代码的问题：三个坐标轴独立随机生成的点会填满一个立方体，其中超过47%的点会落在球体外部（立方体体积(2r)^3=8r³，球体体积(4/3)πr³≈4.188r³），不符合需求

内容的提问来源于stack exchange，提问作者Get Off My Lawn