Question

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

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

已经完成了关于更新事物的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/

更新粒子数量

1 个答案: