✓ 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.3 g/cm³, gilded 13.0 g/cm³, same 1000 g mass, larger volume displaces more water), but the slider direction is inverted (value=0 at top means crown in air is correct visually, yet the crown moves DOWN as the slider thumb moves DOWN, which is standard — however, the label says 0% at top meaning air, which is actually correct direction), the ASCII art rendering is purely text-based with no real animation or splash effects, and the crown rendering logic has a character-counting bug (♛ is multi-byte) causing alignment artifacts.
Physics values are correct (gold 19.3 g/cm³, gilded 13.0 g/cm³, same 1000 g mass, larger volume displaces more water), but the slider direction is inverted (value=0 at top means crown in air is correct visually, yet the crown moves DOWN as the slider thumb moves DOWN, which is standard — however, the label says 0% at top meaning air, which is actually correct direction), the ASCII art rendering is purely text-based with no real animation or splash effects, and the crown rendering logic has a character-counting bug (♛ is multi-byte) causing alignment artifacts.