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.
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.
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.
2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install