Home▸Physics & Mechanics▸Bonfire: Sparks & Smoke (2D)

🔥 Bonfire: Sparks & Smoke (2D)

Canvas2D companion to the 3D bonfire scene: a buoyant flame plume, embers arcing under gravity, and drifting smoke — same particle physics, read from the side.

Physics & Mechanics2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

This 2D companion redraws the same buoyancy-driven flame, spark and smoke particle systems as the 3D scene on a flat canvas instead of a Three.js point cloud: hot gases rise and cool along the same curves, embers arc under gravity, and smoke swirls under a simple turbulence noise — with the flame-intensity, spark-emission and wind-drift sliders driving identical particle math on both versions.

⚙ Under the hood

Canvas2D flame/spark/smoke particle systems driven by the same buoyancy and gravity equations as the 3D scene, with live sliders for flame intensity, spark emission and wind drift.

flame propagationsmoke dynamicsparticle physicsbuoyancy

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install