/THREE.Fire

Ray tracing based procedural volumetric fire for three.js

Primary LanguageJavaScriptMIT LicenseMIT

THREE.Fire

Ray tracing based real-time procedural volumetric fire object for three.js.

fire

Example

var scene = new THREE.Scene();

var textureLoader = new THREE.TextureLoader();
var tex = textureLoader.load("Fire.png");
var fire = new THREE.Fire( tex );

scene.add( fire );

function animate() {
  requestAnimationFrame( animate );

  fire.update(performance.now() / 1000);
  renderer.render( scene, camera );
}
animate();

Description

THREE.Fire is extended THREE.Mesh object. A geometry of THREE.Fire is THREE.BoxGeometry and fire shapes are generated by noise and a fire texture.

wireframe

You must pass a fire texture argument to THREE.Fire like this. firetex

for more details.

Demo

Demo

Sources