blockanimatiqwhite-modelarchitectureprojection-mappingmassing

Projection on White Model

Projection on White Model world kit: tell a NEW data story on a white massing model of a real Dutch place (lemo-opuscar engine, three.js, projection shader, physical sun). Prepare the place first with the lemo_prep tool (step white-model.city: bbox in RD New, optional crop, focus tower, landmarks, date); it writes src/assets/white-model-prep.ts. Then defineStory({ prepared: manifest, build }) and play it with WhiteModelStage. A projector paints one layer at a time: buildings before 1940, growth by decade, the rising height level, the winter sun clock, one tower's traced and measured shadow and the roofs inside it, lights up. Every number comes from the city's stats.json. Modules: city, places, light (LightPlan), camera, story, WhiteModelStage, engine/overlay (readout, pin, rangeLine, subtitle, endCard). Examples: Utrecht's Dom tower (new, built only from the kit) and the ported Rotterdam film. 16:9, 9:16, 1:1 at 30 fps. Audio is project-owned.

white-model preview
Default duration
8.0s
Frame rate
30 fps
Engine
Remotion / React
Background
Transparent — composites over any scene

Use it

Ask the agent. It copies this component into your project and edits it there — nothing to install, and rendering happens in the cloud.

“Add the white-model scene to my video and set its props to match my brand.”

Open in Studio

Customize in Studio

Adapt the content, styling, timing, and layout to fit your project.

Component settings

Adapted from the HyperFrames registry, © HeyGen, Apache 2.0.