THREE.JS更新粒子系统中的顶点

时间:2017-11-23 15:15:48

标签: javascript three.js

我对threejs很新,我试图在一个简单的粒子系统中移动我的点,但它没有做任何事情。 香港专业教育学院一直在网上冲浪4小时仍然没有,我开始越来越讨厌三个。

particles = new THREE.Geometry();
material = new THREE.ParticleBasicMaterial();
for(var count = 0; count < 1000; count++){

p_x = Math.random() * 1000 - 500;

p_y = Math.random() * 1000 - 500;

p_z = Math.random() * 1000 - 500;

particle = new THREE.Vector3(p_x, p_y, p_z);

particles.vertices.push(particle);

  }
particle_system = new THREE.Points(particles, material);

scene.add(particle_system);

particle_system.geometry.dynamic = true;
//renderer
}

  function animate() {
  var index = 0;

  while(index < 1000){
        particle_system.geometry.verticesNeedUpdate = true;


//THESE 3 LINES BELLOW CAUSE THE ERROR

particles.vertices[index].position.x += Math.random() * 1000 - 500;

particles.vertices[index].position.y += Math.random() * 1000 - 500;

particles.vertices[index].position.z += Math.random() * 1000 - 500;

 index++;

}
   requestAnimationFrame(animate);
 controls.update();
        }

错误是:未捕获的TypeError:无法读取未定义的属性“x”     在animate(p.html:73) 它的x,y,z。 注意:我是初学者,所以尽量保持简单,请不要链接任何网站,有信任我。

0 个答案:

没有答案