# Steam Atlas — Trains generated from Three.js code

A screen recording of a browser demo where two 3D steam trains, built at runtime from code, are orbited, exploded into parts and reassembled, then cut to the TypeScript source that generates them.

- Code: DM-0019
- Kind: Product demo
- Format: Screen recording demo
- Brand: Steam Atlas
- Length: 22.6s · 7 beats · 18.6 beats/min · 1 hard cut
- Industry: AI, Developer tools, Design tools
- Style: Light UI, Technical, One continuous camera, Push-ins, Minimal, No voiceover, Slow and deliberate
- Original: https://x.com/tomkrcha/status/2096082580554777041
- Full breakdown: https://cutmap.co/v/steam-atlas-trains-generated-from-three-js-code

## The breakdown

The full breakdown has eleven sheets: Snapshot, Opening, Structure, Timeline, Rhythm, Look, Movement, Sound & words, Why it works, Production, Build brief. It is available to Cutmap Pro members at https://cutmap.co/v/steam-atlas-trains-generated-from-three-js-code.