Three.js 更新粒子的数量

Three.js 更新粒子的数量,three.js,particles,Three.js,Particles,请看随附的小提琴。我想通过单击事件更新粒子数量 到目前为止,我只能更新相机设置 我已经阅读了3.js文档中关于更新内容的内容,但希望能朝着正确的方向推进 我尝试了以下几点: document.onclick = myClickHandler; function myClickHandler() { particle = new THREE.Sprite( material ); particle.position.x = Math.random() * 2

请看随附的小提琴。我想通过单击事件更新粒子数量

到目前为止,我只能更新相机设置

我已经阅读了3.js文档中关于更新内容的内容,但希望能朝着正确的方向推进

我尝试了以下几点:

document.onclick = myClickHandler;

function myClickHandler() {           
    particle = new THREE.Sprite( material );
    particle.position.x = Math.random() * 2 - 1;
    particle.position.y = Math.random() * 2 - 1;
    particle.position.z = Math.random() * 2 - 1;
    particle.position.normalize();
    particle.position.multiplyScalar( Math.random() * 10 + 150 );
   particle.scale.x = particle.scale.y = 10;
   scene.add( particle );
    geometry.vertices.push( particle.position );
    }
谢谢

我让它工作了。 基本上是由。。。 使几何体和材质变量成为全局变量。 将粒子生成分离为单独的函数addParticle。 在初始粒子生成循环和单击处理程序中调用addParticle

除了将它移到它自己的函数中,与上面所做的差不多


非常感谢,这正是我想要的!