three.js-particle

Three.js学习笔记 本篇介绍粒子、粒子系统和精灵。

粒子

THREE.Particle（粒子）和大多数的Mesh对象一样都属于Object3D对象的扩展。
创建一个粒子只需要传入一个材质参数。材质可为ParticleBasicMaterial或是ParticleProgramMaterial

 
    var material = new THREE.ParticleBasicMaterial();
    
    var particle = new THREE.Particle(material);
    

但是这是相对于CanvasRenderer渲染器，使用WebGLRenderer创建粒子并没有效果。

粒子系统

如果使用WebGLRenderer则需要THREE.ParticleSystem。
创建一个粒子系统需要传入几何体和材质两个参数。

    
    var geometry = new THREE.Geometry();
    
    var material = new THREE.ParticleBasicMaterial({
      
         //
    });
    
    var particle = new THREE.Particle(geometry, material);
    

精灵

THREE.Sprite精灵对象类似于广告牌总是面向镜头。
和粒子一样也只需要传入一个材质参数THREE.SpriteMaterial。

    
    var material = new THREE.SpriteMaterial({
    
        //
    });
    
    var sprite = new THREE.Sprite( material);