Analysed · 7 beats
00:00:00:00Beat 01 / 7 — Two trains480×512 · 55.8 fps
DM-0019 · Screen recording demo

Steam Atlas — Trains generated from Three.js code

Screen recording demo · Light UI · Technical · 23s

Length
22.6s
Beats
7· 1 hard cut
Pace
18.6/min
Avg beat
3.2s

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.

Product demoLight UITechnicalOne continuous cameraPush-insMinimalNo voiceoverSlow and deliberateAIDeveloper tools
Cut map — 7 beats┊ Hard cut 00:00:17:48 · Click a beat to jump
00s05s10s15s20s
The breakdown — 11 sheetsMembers only
Loading the breakdown
Custom film

Want a film like this, made for you?

Framebox is the studio behind Cutmap. Send us this breakdown and your product, and we’ll quote for an original film built on the same structure.

Get a quote ↗

Posted by Tom Krcha on X · Watch the original ↗ · Measurements and analysis by Cutmap.