✓ 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
Covers most required features but the slider is inverted (bottom = crowns in air, top = crowns in water), water-rise pixel scale is arbitrary and not physically derived, and the buoyancy arrows are zero-length (x1==x2, y1==y2) so they never render.
Covers most required features but the slider is inverted (bottom = crowns in air, top = crowns in water), water-rise pixel scale is arbitrary and not physically derived, and the buoyancy arrows are zero-length (x1==x2, y1==y2) so they never render.