Home▸Physics & Mechanics▸2D Shock Absorber Simulator (Damper + Spring)

2D Shock Absorber Simulator (Damper + Spring)

Interactive 2D piston-in-cylinder shock absorber: tune spring stiffness and damping coefficient, trigger a bump, and watch underdamped, critically-damped and overdamped responses of a damped harmonic oscillator.

Physics & Mechanics2DModerate60 FPS📱 Mobile-adapted⇄ 3D version
2d-3d-shock-absorber ↗ Open standalone

This 2D simulator draws a shock absorber from the side: a coil spring and a piston-in-cylinder damper act in parallel on a mass sitting on a road-wheel platform. Triggering a bump displaces the mass upward and releases it, and the scene animates its return to rest exactly as the damped harmonic oscillator equation m·x″ + c·x′ + k·x = 0 predicts. Drag the spring stiffness k and damping coefficient c sliders — or pick a preset — to move between underdamped (bouncy, overshoots and oscillates), critically damped (returns fastest with no overshoot, the engineering ideal) and overdamped (slow, no oscillation) regimes, while the live readout tracks displacement, damping ratio ζ, oscillation count and settling time.

⚙ Under the hood

Interactive 2D piston-in-cylinder shock absorber: tune spring stiffness and damping coefficient, trigger a bump, and watch underdamped, critically-damped and overdamped responses of a damped harmonic oscillator.

Shock AbsorberDamped Harmonic OscillatorDamping RatioSpring-Mass-Damper

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)