✓ 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
Gilded crown correctly has lower density (13.0 g/cm³) with same mass (1000g), displaces more water as expected, and Heureka triggers at full submersion; but mass/volume/density values are static (not live-updating), there is no smooth fall animation (crowns teleport linearly), the custom slider thumb doesn't visually track its own position within the track, and heureka only triggers at exact position===1 making it nearly impossible to trigger via mouse.
Gilded crown correctly has lower density (13.0 g/cm³) with same mass (1000g), displaces more water as expected, and Heureka triggers at full submersion; but mass/volume/density values are static (not live-updating), there is no smooth fall animation (crowns teleport linearly), the custom slider thumb doesn't visually track its own position within the track, and heureka only triggers at exact position===1 making it nearly impossible to trigger via mouse.