msa / kinetic labinteractive studies — 005

Geometry. Motion. Consequence.

Nothing imported.
Everything engineered.

Five studies, built from code. Moving machinery. Separated forms. A different perspective on what holds things together.

003 / radial motion

Nine cylinders. One heartbeat.

A radial engine, opened to the moving parts. Follow one revolution from the centre out.

MSA—03 / radial · 009preparing the study
RADIAL / 009 — ILLUSTRATION ONLY

Built in your browser from original geometry. The illustration remains available without JavaScript or WebGL.

drag to orbit · choose a form to inspectoriginal geometry / slowed kinematics

Repetition becomes motion.

Look past the surface.

Nine finned cylinders, moving pistons and a common centre. Open the case to see the motion; spread the parts to reveal the circular structure.

004 / form & perspective

Glock. Form, separated.

A familiar silhouette becomes a spatial composition. Pull the major forms apart, then inspect either side.

MSA—04 / Glock · exploded formpreparing the study
OUTER FORM / 004 — ILLUSTRATION ONLY

Built in your browser from original geometry. The illustration remains available without JavaScript or WebGL.

drag to orbit · choose a form to inspectoriginal geometry / nonfunctional study

A different point of view.

Separate it. Turn it. Look again.

The exploded view reveals overlapping exterior forms. Opposing cameras and reversible turntable motion expose both sides without mirroring the geometry. Click a part to isolate its visual role.

005 / form & perspective

Long lines. Both sides.

A stylized sniper profile. Left to right. Right to left. Turn the object, not a mirrored image.

MSA—05 / sniper · two-sided studypreparing the study
PROFILE / 005 — ILLUSTRATION ONLY

Built in your browser from original geometry. The illustration remains available without JavaScript or WebGL.

drag to orbit · choose a form to inspectoriginal geometry / nonfunctional study

A different point of view.

Separate it. Turn it. Look again.

The exploded view reveals overlapping exterior forms. Opposing cameras and reversible turntable motion expose both sides without mirroring the geometry. Click a part to isolate its visual role.

002 / propulsion

Air in. Thrust out.

A turbofan, opened up. Follow the air.
Find the machinery that keeps it moving.

MSA—02 / cutaway turbofanpreparing the engine
Cutaway turbofan diagram showing inlet fan, compressor stages, annular combustor, turbine and exhaust around a central shaft.

Procedural geometry, built in your browser. JavaScript and WebGL 2 enable the interactive view.

drag to orbit · select a stage to inspectoriginal geometry / no imported model

Two spools. One continuous cycle.

The inside is the interesting part.

Fan, compressor, combustor, turbine, exhaust. Every blade and casing is generated from code. Open the shell, separate the modules, and watch independent rotor rows turn around a common axis.

001 / locomotion

Steam. Steel. Motion.

The original study. Turn the wheels. Take it apart.

MSA—01 / 2-6-0 studypreparing the workbench
Side-elevation diagram of the MSA-01 locomotive: boiler, cab, three spoked drivers and a separate tender.

A code-generated machine is taking shape. JavaScript and WebGL 2 enable the interactive view; the assembly notes below work without them.

drag horizontally to orbit · tap a part to inspectprocedural geometry / no model assets

Inside the machine

Understand it
by taking it apart.

00 / the whole system

A model is an explanation.

Every cylinder, spoke, rivet and connecting rod begins as a dimension. The model is assembled at runtime, and its motion is calculated—not played back from an animation file. Select an assembly to see where it fits.

ImplementationTypeScript + Three.js
ConstructionRuntime geometry
ScopeKinematic illustration

An original stylized mechanism study, not a historical replica or a steam-physics simulation. The model remains on its inspection track while the mechanism runs.

Built to be inspected, not just looked at.Explore the systems work