# Three.js and Canvas 2D — Five Japanese buildings from code

A silent, one-take generative piece in which five vertical panels each build a Japanese building (pagoda, shrine, temple stage, arched bridge, castle) from pencil-style line drawing into a flat-colour render. There are no cuts: the sketch layer slowly resolves and colour sweeps in from the bottom of each panel.

- Code: MO-0014
- Kind: Motion piece
- Format: Other
- Length: 15.6s · 5 beats · 19.3 beats/min · 0 hard cuts
- Industry: Design tools, Creative studio
- Style: Technical, Minimal, Flat 2D, Split screen, One continuous camera, Slow and deliberate, No voiceover, Light UI
- Original: https://x.com/yoshifujidesign/status/2105746986339283305
- Full breakdown: https://cutmap.co/v/three-js-and-canvas-2d-five-japanese-buildings-from-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/three-js-and-canvas-2d-five-japanese-buildings-from-code.