关于ParticleSystem和Particle的混淆

Question

我是threejs的初学者。我几乎阅读了关于网络中粒子系统的所有示例，并且我观察到ParticleSystem和WebGLRenderer或Particle和CanvasRenderer总是一起使用。所以我想知道Particle是否可以在WebGLRenderer中使用。 我只是想用WebGLRenderer来控制系统中每个粒子的运动。我该怎么做？

Answer 1

当你创建一个粒子系统时，你可以传入一个几何体。事情是这样的：

 var geom = new THREE.Geometry(); 
     var material = new THREE.ParticleBasicMaterial({size:4, vertexColors: true, color:0xffffff}); 

     for (var x = -5 ; x < 5 ; x++) { 
      for (var y = -5 ; y < 5 ; y++) { 
        var particle = new THREE.Vector3(x*10,y*10,0); 
        geom.vertices.push(particle); 
        geom.colors.push(new THREE.Color(Math.random()*0x00ffff)); 
      } 
     } 

     var system = new THREE.ParticleSystem(geom,material); 
     scene.add(system); 

通过改变每个单独的顶点，你可以移动它们的位置。