Home▸Everyday Physics▸Vehicle Steering Dynamics — 3D Bicycle Model

🚗 Vehicle Steering Dynamics — 3D Bicycle Model

3D companion to Vehicle Steering Dynamics: a real bicycle-model car you orbit and drive, with live turning-radius, yaw-rate and lateral-acceleration readouts as you change speed, steering angle and wheelbase.

Everyday Physics3DModerate60 FPS📱 Mobile-adapted⇄ 2D version
3d-steering ↗ Open standalone

The 2D page filed under this title actually renders Craig Reynolds' autonomous steering behaviors (seek, flee, arrive, wander, separate) — a boids-style agent demo, not a vehicle. This 3D companion instead builds the mechanic the title and description actually promise: a real car steered by its front wheels, driven by the kinematic bicycle model engineers use for real vehicle path-planning. Wheelbase L and steering angle δ set the yaw rate ψ′ = (v/L)·tan(δ), which is integrated every frame into the car's heading and position — so the same turning-angle-to-momentum relationship the catalogue description describes is now something you can actually see and measure: a live turning-radius circle traced under the car, a fading tire trail showing the path it carves, and a numeric readout of speed, turning radius, yaw rate and lateral acceleration that update in real time as you drag the sliders or click the road to steer toward a point.

⚙ Under the hood

3D bicycle-model vehicle steering lab: front-wheel steering angle and wheelbase drive a real yaw-rate integration (ψ′ = v/L·tan(δ)), rendered on an orbit-controlled 3D car with a live turning-radius ring, tire trail, and a readout of speed, radius, yaw rate and lateral acceleration.

vehicle dynamicsbicycle modelsteering angleturning radiusyaw ratewebgl

3D · Three.js r128 · WebGL · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)