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