✓ 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
Solid physics values (gold 19.3, gilded 7.0 g/cm³, same 500g mass) and live readouts work correctly, but slider direction is inverted (top=air is value 0, but the vertical slider renders with 0 at bottom in most browsers making top=water), crowns don't fall smoothly (they teleport frame-to-frame via ASCII repositioning with no animation), and the two crowns lower sequentially rather than simultaneously, which misrepresents the experiment.
Solid physics values (gold 19.3, gilded 7.0 g/cm³, same 500g mass) and live readouts work correctly, but slider direction is inverted (top=air is value 0, but the vertical slider renders with 0 at bottom in most browsers making top=water), crowns don't fall smoothly (they teleport frame-to-frame via ASCII repositioning with no animation), and the two crowns lower sequentially rather than simultaneously, which misrepresents the experiment.