更新粒子数量答案

【问题标题】：Update amount of particles更新粒子数量
【发布时间】：2018-03-01 15:44:00
【问题描述】：

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

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

已阅读有关更新内容的 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/

【问题讨论】：

标签： three.js particles

【解决方案1】：

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

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

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

【讨论】：

非常感谢，这正是我想要的！