如何用three.js中的随机粒子填充球体

时间:2015-12-09 00:40:13

标签: three.js

我阅读了关于使用粒子 How to make a sphere made out of random particles in three.js随机填充球体的曲面的优秀问题。如何使用随机生成的粒子填充球体的总体积?我试试看:

var particleCount = 1800,
  particles = new THREE.Geometry(),

  pMaterial = new THREE.PointCloudMaterial({
    color: 0xFFFFFF,
    size: 20,
    map: THREE.ImageUtils.loadTexture(
      "images/particle.png"
    ),
    blending: THREE.AdditiveBlending,
    transparent: true
  });

for (var t = 0; t < particleCount; t++) {
  var angle3 = Math.random() * Math.PI * 2;
  var radius3 = Math.random() * 350 + 1;
  var pX1 = Math.cos(angle3) * radius3,
    pY1 = Math.random() * 70 - 35,
    pZ1 = Math.sin(angle3) * radius3,
    skparticle11 = new THREE.Vector3(pX1, pY1, pZ1);
  particles.vertices.push(skparticle11);
}

var particleSystem = new THREE.PointCloud(
  particles,
  pMaterial);

// add it to the scene
scene.add(particleSystem);

但我只得到一张磁盘。如何制作一个充满粒子的球体?

1 个答案:

答案 0 :(得分:3)

一个角度是不够的,这就是为什么你得到一个磁盘

创建一个随机法向量

var randomDirection = new THREE.Vector3(Math.random()-0.5,Math.random()-0.5,Math.random()-0.5).normalize();

像以前一样创建随机距离

var radius3 = Math.random() * 350 + 1;

原点周围的球体中的随机点将是

var randomParticle = randomDirection.multiplyScalar(radius3);

为了更好的分发,使用比Math.random更好的生成器