Home▸Physics & Mechanics▸Steampunk Engine: Slider-Crank Piston Mechanism (2D)

Steampunk Engine: Slider-Crank Piston Mechanism (2D)

A plain side-view drawing of a brass-and-copper three-piston slider-crank engine: the same rigid-body kinematics as the 3D model, stripped down to the numbers that actually drive it — crank radius, rod length, rotation speed and steam pressure — with a live readout of crank angle and piston position.

Physics & Mechanics2DModerate60 FPS⇄ 3D version
2d-steampunk-engine ↗ Open standalone

The 3D steampunk engine renders a full brass-and-copper scene with orbit controls and particle steam bursts; this 2D companion keeps the same underlying mechanism — three pistons spaced 120° apart around one flywheel, each following the classic slider-crank displacement equation x = R·cos θ + √(L² − (R·sin θ)²) — but draws it as a flat side-view so the geometry that actually drives the pistons is easy to read at a glance. Dragging the crank-radius or rod-length sliders visibly changes the piston's stroke shape and dwell time near top-dead-center, and the steam-pressure slider only scales the puff intensity at each stroke's extreme, leaving the kinematics untouched.

⚙ Under the hood

2D side-view slider-crank mechanism: three 120°-phased pistons driven by one flywheel, plain-canvas rendering, live crank-angle and piston-position readout, steam-puff particles timed to each piston's stroke extreme.

steampunk engineslider-crank mechanismpiston motionsteam powerrigid-body kinematics

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

What did you find?

Add reproduction steps (optional)