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