更新粒子数量

Question

请看附件小提琴。我想用click事件更新粒子数量。

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

已经通过了关于更新事物的three.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 );
    }

谢谢！

https://jsfiddle.net/007zmukr/8/

Answer 1

我搞定了。 基本上...... 使几何和材料变量全局化。 将粒子生成分离为单独的函数addParticle。 在初始粒子生成循环内和单击处理程序中调用addParticle。

几乎就是你在上面做了什么，除了将它移入它自己的功能。

https://jsfiddle.net/2pha/007zmukr/26/