✓ 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
Slider is inverted (min=0/top="Luft", max=100/bottom="Wasser" is correct in label order, but water level drops instead of rises when crowns submerge — the heightIncrease is subtracted from the water rect Y making it move up when it should visually rise), and there is no smooth fall animation; crowns teleport rather than animate falling.
Slider is inverted (min=0/top="Luft", max=100/bottom="Wasser" is correct in label order, but water level drops instead of rises when crowns submerge — the heightIncrease is subtracted from the water rect Y making it move up when it should visually rise), and there is no smooth fall animation; crowns teleport rather than animate falling.