This Flame Shader was created using GLSL and showcased with Three.js.
The project includes three different shapes, which were created from scratch.
| Shape 1 | Shape 2 | Shape 3 |
|---|---|---|
 |
 |
 |
Try the live demo by clicking here.
It is a simple shader that takes an alpha texture (three examples are available in the static folder) to define its shape. There is a basic wind effect and color mixing, which is enhanced by the Bloom post-processing in Three.js.
You can use the debug panel to tweak some parameters.
npm installnpm run devOnce the server starts, open your browser and navigate to the provided URL to see the project in action.