✓ Two crowns ✓ Same mass, different density ✓ Vertical slider ✓ Slider works ✓ Slider controls crowns — Slider direction correct ✓ Full slider range ✓ Fall animation ✓ Water displacement ✓ Rising water level ✓ Splash effects ✓ Physics correct ✓ Live mass value ✓ Live volume value ✓ Live density value ✓ Live displaced water — Gilded displaces more ✓ Heureka animation ✓ No external deps ✓ Light bg / dark text ✓ Self-contained HTML
Physics values are correct (gold 19.2 g/ml, fake 10 g/ml, same 1000g mass, correct displaced volumes), but the ASCII-art rendering logic is broken — both crowns occupy identical grid columns so the visual distinction between them is lost, and the slider direction is inverted (value=0 should mean crowns in air, which it does, but the vertical slider's physical top maps to value=100/water, not air).
Physics values are correct (gold 19.2 g/ml, fake 10 g/ml, same 1000g mass, correct displaced volumes), but the ASCII-art rendering logic is broken — both crowns occupy identical grid columns so the visual distinction between them is lost, and the slider direction is inverted (value=0 should mean crowns in air, which it does, but the vertical slider's physical top maps to value=100/water, not air).