✓ 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 ASCII-art Archimedes demo with correct physics (gold 19.3 g/cm³, gilded 11.0 g/cm³, same 1 kg mass) and live stats, but the vertical slider direction is inverted (value=0 at top maps to crowns in air, which appears correct syntactically, but the slider's -webkit-appearance:slider-vertical renders min at bottom, meaning dragging down increases depth — top=air/bottom=water is actually correct in visual behavior on supporting browsers; however, crown Y-position math using negative initial y=-3 with a depth factor is unreliable and crowns start off-canvas), and the ASCII rendering is noisy due to random `~` placement re-rendering each frame causing flicker.
Solid ASCII-art Archimedes demo with correct physics (gold 19.3 g/cm³, gilded 11.0 g/cm³, same 1 kg mass) and live stats, but the vertical slider direction is inverted (value=0 at top maps to crowns in air, which appears correct syntactically, but the slider's -webkit-appearance:slider-vertical renders min at bottom, meaning dragging down increases depth — top=air/bottom=water is actually correct in visual behavior on supporting browsers; however, crown Y-position math using negative initial y=-3 with a depth factor is unreliable and crowns start off-canvas), and the ASCII rendering is noisy due to random `~` placement re-rendering each frame causing flicker.