Home▸Chemistry & Materials▸Firework Colors: Metal Salt Flame Test

Firework Colors: Metal Salt Flame Test (2D)

2D flame-test bench with a live emission-spectrum readout: pick a metal salt and its real atomic emission wavelength sets the flame color and the bright line you see on the spectrum band.

Chemistry & Materials2DEasy60 FPS📱 Mobile-adapted⇄ 3D version

Details

CategoryChemistry & Materials

RenderingCanvas 2D

DifficultyEasy

Target FPS60

ControlsPrimary and blend metal-salt selectors (Sr/Cu/Na/Ba/Ca/K), a mixture-ratio slider between them, flame-temperature slider (1200-3200K), fuel-amount slider, an Ignite button, click the burner to toggle ignition or the swab to dip it into the flame; drag to pan, scroll/pinch to zoom the bench view.

flame-testatomic-emissionfireworkschemistrynew-year

Related simulations

Reaction-DiffusionGray-Scott model: two chemical species diffuse and react, spontaneously forming spots,…

Diffusion-Limited Crystal Growth SimulationExplore the formation of a crystal through random particle movement, adjusting parameters…

Acid-Base EquilibriumPerform a virtual acid-base titration: add drops of strong base to a weak acid and watch the… ⊞ All 724 in Chemistry & Materials →

A simplified side-view bench: dip a metal-salt swab into a Bunsen-style flame and watch it burn in the real emission color of that element, read directly off a live spectrum band beneath the flame rather than reprojected from a 3D scene. Blend two salts to see their lines combine, and turn up the temperature to make the flame and its spectral line brighter without ever shifting where the line sits.

⚙ Under the hood

2D Bunsen-burner flame test with a live emission-spectrum band — dip a metal-salt swab into the flame and read its real atomic emission wavelength off the spectrum line.

flame-testatomic-emissionfireworkschemistrynew-year

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