关于粒子系统和粒子的困惑

时间:2013-08-26 06:12:19

标签: three.js particles

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

1 个答案:

答案 0 :(得分:0)

创建粒子系统时,可以传入几何体。像这样:

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

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