Three.js 关于粒子系统和粒子的混淆

我是3J的初学者。我几乎在网上阅读了所有关于粒子系统的例子，我观察到ParticleSystem和WebGLRenderer或者particle和CanvasRenderer总是一起使用。所以我想知道particle是否可以在WebGLRenderer中使用。

---

我只想用WebGLRenderer控制系统中每个粒子的运动。我该怎么做？

创建粒子系统时，可以在几何体中传递。大概是这样的：

        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);

var geom=new THREE.Geometry（）；
var material=新的三种。刨花板材质（{size:4，vertexColors:true，color:0xffffff}）；
对于（变量x=-5；x<5；x++）{
对于（变量y=-5；y<5；y++）{
var粒子=新的三个向量3（x*10，y*10,0）；
几何顶点推（粒子）；
geom.colors.push（新的三种颜色（Math.random（）*0x00ffff））；
}
}
var系统=新的三粒子系统（几何、材料）；
场景.添加（系统）；

通过更改每个顶点的位置，可以移动它们