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

Name: Three.js and Canvas 2D — Five Japanese buildings from code
Uploaded: 2026-10-08T23:33:23.086+00:00
Duration: PT15.6S
Description: 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.

FUJI / Presentation designer @yoshifujidesign

Other · Technical · Minimal · 16s

Length

15.6s

Beats

5· 0 hard cuts

Pace

19.3/min

Avg beat

3.1s

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.

Motion pieceTechnicalMinimalFlat 2DSplit screenOne continuous cameraSlow and deliberateNo voiceoverLight UIDesign toolsCreative studio

Cut map — 5 beatsNo hard cuts · Click a beat to jump

00s05s10s15s