Repository: mattatz/THREE.Fire
Branch: master
Commit: 3f558dde15d8
Files: 4
Total size: 10.9 KB
Directory structure:
gitextract_u_8zgi1p/
├── Fire.js
├── FireShader.js
├── LICENSE
└── README.md
================================================
FILE CONTENTS
================================================
================================================
FILE: Fire.js
================================================
/**
* @author mattatz / http://github.com/mattatz
*
* Ray tracing based real-time procedural volumetric fire object for three.js
*/
THREE.Fire = function ( fireTex, color ) {
var fireMaterial = new THREE.ShaderMaterial( {
defines : THREE.FireShader.defines,
uniforms : THREE.UniformsUtils.clone( THREE.FireShader.uniforms ),
vertexShader : THREE.FireShader.vertexShader,
fragmentShader : THREE.FireShader.fragmentShader,
transparent : true,
depthWrite : false,
depthTest : false
} );
// initialize uniforms
fireTex.magFilter = fireTex.minFilter = THREE.LinearFilter;
fireTex.wrapS = fireTex.wrapT = THREE.ClampToEdgeWrapping;
fireMaterial.uniforms.fireTex.value = fireTex;
fireMaterial.uniforms.color.value = color || new THREE.Color( 0xeeeeee );
fireMaterial.uniforms.invModelMatrix.value = new THREE.Matrix4();
fireMaterial.uniforms.scale.value = new THREE.Vector3( 1, 1, 1 );
fireMaterial.uniforms.seed.value = Math.random() * 19.19;
THREE.Mesh.call( this, new THREE.BoxGeometry( 1.0, 1.0, 1.0 ), fireMaterial );
};
THREE.Fire.prototype = Object.create( THREE.Mesh.prototype );
THREE.Fire.prototype.constructor = THREE.Fire;
THREE.Fire.prototype.update = function ( time ) {
var invModelMatrix = this.material.uniforms.invModelMatrix.value;
this.updateMatrixWorld();
invModelMatrix.getInverse( this.matrixWorld );
if( time !== undefined ) {
this.material.uniforms.time.value = time;
}
this.material.uniforms.invModelMatrix.value = invModelMatrix;
this.material.uniforms.scale.value = this.scale;
};
================================================
FILE: FireShader.js
================================================
/**
* @author mattatz / http://mattatz.github.io
*
* Ray tracing based real-time procedural volumetric fire shader.
*
* Based on
* Alfred et al. Real-Time procedural volumetric fire / http://dl.acm.org/citation.cfm?id=1230131
* and
* webgl-noise / https://github.com/ashima/webgl-noise/blob/master/src/noise3D.glsl
* and
* primitive: blog | object space raymarching / https://github.com/ashima/webgl-noise/blob/master/src/noise3D.glsl
*/
THREE.FireShader = {
defines: {
"ITERATIONS" : "20",
"OCTIVES" : "3"
},
uniforms: {
"fireTex" : { type : "t", value : null },
"color" : { type : "c", value : null },
"time" : { type : "f", value : 0.0 },
"seed" : { type : "f", value : 0.0 },
"invModelMatrix": { type : "m4", value : null },
"scale" : { type : "v3", value : null },
"noiseScale" : { type : "v4", value : new THREE.Vector4(1, 2, 1, 0.3) },
"magnitude" : { type : "f", value : 1.3 },
"lacunarity" : { type : "f", value : 2.0 },
"gain" : { type : "f", value : 0.5 }
},
vertexShader: [
"varying vec3 vWorldPos;",
"void main() {",
"gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);",
"vWorldPos = (modelMatrix * vec4(position, 1.0)).xyz;",
"}"
].join("\n"),
fragmentShader: [
"uniform vec3 color;",
"uniform float time;",
"uniform float seed;",
"uniform mat4 invModelMatrix;",
"uniform vec3 scale;",
"uniform vec4 noiseScale;",
"uniform float magnitude;",
"uniform float lacunarity;",
"uniform float gain;",
"uniform sampler2D fireTex;",
"varying vec3 vWorldPos;",
// GLSL simplex noise function by ashima / https://github.com/ashima/webgl-noise/blob/master/src/noise3D.glsl
// -------- simplex noise
"vec3 mod289(vec3 x) {",
"return x - floor(x * (1.0 / 289.0)) * 289.0;",
"}",
"vec4 mod289(vec4 x) {",
"return x - floor(x * (1.0 / 289.0)) * 289.0;",
"}",
"vec4 permute(vec4 x) {",
"return mod289(((x * 34.0) + 1.0) * x);",
"}",
"vec4 taylorInvSqrt(vec4 r) {",
"return 1.79284291400159 - 0.85373472095314 * r;",
"}",
"float snoise(vec3 v) {",
"const vec2 C = vec2(1.0 / 6.0, 1.0 / 3.0);",
"const vec4 D = vec4(0.0, 0.5, 1.0, 2.0);",
// First corner
"vec3 i = floor(v + dot(v, C.yyy));",
"vec3 x0 = v - i + dot(i, C.xxx);",
// Other corners
"vec3 g = step(x0.yzx, x0.xyz);",
"vec3 l = 1.0 - g;",
"vec3 i1 = min(g.xyz, l.zxy);",
"vec3 i2 = max(g.xyz, l.zxy);",
// x0 = x0 - 0.0 + 0.0 * C.xxx;
// x1 = x0 - i1 + 1.0 * C.xxx;
// x2 = x0 - i2 + 2.0 * C.xxx;
// x3 = x0 - 1.0 + 3.0 * C.xxx;
"vec3 x1 = x0 - i1 + C.xxx;",
"vec3 x2 = x0 - i2 + C.yyy;", // 2.0*C.x = 1/3 = C.y
"vec3 x3 = x0 - D.yyy;", // -1.0+3.0*C.x = -0.5 = -D.y
// Permutations
"i = mod289(i); ",
"vec4 p = permute(permute(permute( ",
"i.z + vec4(0.0, i1.z, i2.z, 1.0))",
"+ i.y + vec4(0.0, i1.y, i2.y, 1.0)) ",
"+ i.x + vec4(0.0, i1.x, i2.x, 1.0));",
// Gradients: 7x7 points over a square, mapped onto an octahedron.
// The ring size 17*17 = 289 is close to a multiple of 49 (49*6 = 294)
"float n_ = 0.142857142857;", // 1.0/7.0
"vec3 ns = n_ * D.wyz - D.xzx;",
"vec4 j = p - 49.0 * floor(p * ns.z * ns.z);", // mod(p,7*7)
"vec4 x_ = floor(j * ns.z);",
"vec4 y_ = floor(j - 7.0 * x_);", // mod(j,N)
"vec4 x = x_ * ns.x + ns.yyyy;",
"vec4 y = y_ * ns.x + ns.yyyy;",
"vec4 h = 1.0 - abs(x) - abs(y);",
"vec4 b0 = vec4(x.xy, y.xy);",
"vec4 b1 = vec4(x.zw, y.zw);",
//vec4 s0 = vec4(lessThan(b0,0.0))*2.0 - 1.0;
//vec4 s1 = vec4(lessThan(b1,0.0))*2.0 - 1.0;
"vec4 s0 = floor(b0) * 2.0 + 1.0;",
"vec4 s1 = floor(b1) * 2.0 + 1.0;",
"vec4 sh = -step(h, vec4(0.0));",
"vec4 a0 = b0.xzyw + s0.xzyw * sh.xxyy;",
"vec4 a1 = b1.xzyw + s1.xzyw * sh.zzww;",
"vec3 p0 = vec3(a0.xy, h.x);",
"vec3 p1 = vec3(a0.zw, h.y);",
"vec3 p2 = vec3(a1.xy, h.z);",
"vec3 p3 = vec3(a1.zw, h.w);",
//Normalise gradients
"vec4 norm = taylorInvSqrt(vec4(dot(p0, p0), dot(p1, p1), dot(p2, p2), dot(p3, p3)));",
"p0 *= norm.x;",
"p1 *= norm.y;",
"p2 *= norm.z;",
"p3 *= norm.w;",
// Mix final noise value
"vec4 m = max(0.6 - vec4(dot(x0, x0), dot(x1, x1), dot(x2, x2), dot(x3, x3)), 0.0);",
"m = m * m;",
"return 42.0 * dot(m * m, vec4(dot(p0, x0), dot(p1, x1), dot(p2, x2), dot(p3, x3)));",
"}",
// simplex noise --------
"float turbulence(vec3 p) {",
"float sum = 0.0;",
"float freq = 1.0;",
"float amp = 1.0;",
"for(int i = 0; i < OCTIVES; i++) {",
"sum += abs(snoise(p * freq)) * amp;",
"freq *= lacunarity;",
"amp *= gain;",
"}",
"return sum;",
"}",
"vec4 samplerFire (vec3 p, vec4 scale) {",
"vec2 st = vec2(sqrt(dot(p.xz, p.xz)), p.y);",
"if(st.x <= 0.0 || st.x >= 1.0 || st.y <= 0.0 || st.y >= 1.0) return vec4(0.0);",
"p.y -= (seed + time) * scale.w;",
"p *= scale.xyz;",
"st.y += sqrt(st.y) * magnitude * turbulence(p);",
"if(st.y <= 0.0 || st.y >= 1.0) return vec4(0.0);",
"return texture2D(fireTex, st);",
"}",
"vec3 localize(vec3 p) {",
"return (invModelMatrix * vec4(p, 1.0)).xyz;",
"}",
"void main() {",
"vec3 rayPos = vWorldPos;",
"vec3 rayDir = normalize(rayPos - cameraPosition);",
"float rayLen = 0.0288 * length(scale.xyz);",
"vec4 col = vec4(0.0);",
"for(int i = 0; i < ITERATIONS; i++) {",
"rayPos += rayDir * rayLen;",
"vec3 lp = localize(rayPos);",
"lp.y += 0.5;",
"lp.xz *= 2.0;",
"col += samplerFire(lp, noiseScale);",
"}",
"col.a = col.r;",
"gl_FragColor = col;",
"}",
].join("\n")
};
================================================
FILE: LICENSE
================================================
The MIT License (MIT)
Copyright (c) 2015 mattatz
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
================================================
FILE: README.md
================================================
THREE.Fire
=====================
Ray tracing based [real-time procedural volumetric fire](http://dl.acm.org/citation.cfm?id=1230131) object for three.js.
## Example
```javascript
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.
You must pass a fire texture argument to THREE.Fire like this.
[for more details.](http://dl.acm.org/citation.cfm?id=1230131)
## Demo
[Demo](https://mattatz.github.io/THREE.Fire)
## Sources
- Real-Time procedural volumetric fire - http://dl.acm.org/citation.cfm?id=1230131
- webgl-noise - https://github.com/ashima/webgl-noise/blob/master/src/noise3D.glsl
- primitive: blog | object space raymarching - http://i-saint.hatenablog.com/entry/2015/08/24/225254
gitextract_u_8zgi1p/ ├── Fire.js ├── FireShader.js ├── LICENSE └── README.md
Condensed preview — 4 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (12K chars).
[
{
"path": "Fire.js",
"chars": 1674,
"preview": "/**\n * @author mattatz / http://github.com/mattatz\n *\n * Ray tracing based real-time procedural volumetric fire object f"
},
{
"path": "FireShader.js",
"chars": 6934,
"preview": "/**\n * @author mattatz / http://mattatz.github.io\n *\n * Ray tracing based real-time procedural volumetric fire shader.\n "
},
{
"path": "LICENSE",
"chars": 1075,
"preview": "The MIT License (MIT)\n\nCopyright (c) 2015 mattatz\n\nPermission is hereby granted, free of charge, to any person obtaining"
},
{
"path": "README.md",
"chars": 1479,
"preview": "THREE.Fire\n=====================\n\nRay tracing based [real-time procedural volumetric fire](http://dl.acm.org/citation.cf"
}
]
About this extraction
This page contains the full source code of the mattatz/THREE.Fire GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 4 files (10.9 KB), approximately 3.5k tokens. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.