Source code: https://github.com/Leftium/fx/blob/main/src/routes/fire-plas...I made this naive fire effect as realistic as possible; arguably more realistic than some simulations based on real fire fluid dynamics[1]. The naive algorithm uses a kernel to simulate convection, diffusion, and cooling of heat. Described in more detail by Joakim Hårsman[2]. Also see working demo of the OG fire algorithm by Justin Greisiger Frost[3]While canvas + CPU gets surprisingly good performance, this effect would probably run much faster on the GPU. On mobile, this version is sized to work better: https://fx.leftium.com/fire-plasma?standardSize=0&text=LeIn my improved version, flames "lick" the bottom of the floating text. This is my favorite part. It was totally unexpected and just emerged from the algorithm. Compare to Joakim's version by changing the text: https://fx.leftium.com/fire-plasma?text=%E2%97%AFMajor improvements over prior art:- True-color fire gradient/palette with transparency looks dece...
Want to discover more AI signals like this?
Explore Steek