FPS: ...

A noise fire simulation using HTML5 canvas and javascript

If you're using a fairly new browser, you should see a somewhat realistic fire simulation to the left.

This is a fire simulation based on the same code I wrote for a cartoonish fire simulation. I got inspired by those simulations (select one of the fire simulations) that a commenter on reddit posted.

Source code

You can fork the code on github: https://github.com/zufallsgenerator/firesimulation

Simulation options

Options for tweaking the fire simulation.

  • Run the actual fire simulation.

  • Run paint updates

  • How much the fire is raising upwards. (May cause artefacts if over 100)

  • A weight of the cells own value when calculating the new one under influence of adjactent cells.

  • Fuel power, upper bound.

  • Fuel power, lower bound.

 

  • Influence of cells to the side of the cell

  • The variance of influence for horizontal cells

  • Influence of cells to above and below the cell

  • The variance of influence for vertical cells

 

  • Normalizer value to compensate for changes in other variables. Example: when raising horizontal influence, decrease this value to compensate.

  • An offset used for calculating color of a cell. The higher the value, the more white areas.