Lab · Jul 2026

The Bridge

A river crossing that surveys, drafts, builds, and lights up as you scroll. Datum’s first landing film.

A night survey circles a glowing datum monument above a river valley. Blueprint lines draw a cable-stayed bridge in the air. Over a time-lapse day the field makes it real: pylons pour, deck segments hoist from the river, stay cables tension in. At dusk the lamps ignite, traffic crosses, and live project records pulse along the structure. Dawn blooms to white. Every build starts from a single point; Datum keeps every beam, dollar, and decision on one living record.

Construction Intelligence

Every build starts
from a single point.

The film needs WebGL2 and motion. This browser gets the title card instead.

This was the very first opening film for datumci.com, v1 of what became a ten-version lineage. A night survey circles a glowing datum monument, blueprint lines draft a cable-stayed crossing in mid-air, and then a time-lapse day builds it for real: pylons slip-form upward, deck segments hoist off the river on lift lines, stay cables tension in, tower cranes work and dissolve. At dusk the lamps ignite and live project records pulse along the structure; dawn blooms to white. It lasted two days on the landing before the standing rule arrived that shaped every version after it: nothing literal, no construction imagery. The drafting film next door died on the same rule a few versions later.

Pure three.js, and every mesh and texture is procedural; nothing is downloaded. PBR materials under an image-based environment, an animated sun with soft shadows, planar water reflections, ACES tone mapping, bloom, depth of field, and a film grade of grain, vignette, and chromatic aberration. The whole scene is a deterministic function of scroll progress, so scrolling back up un-builds the bridge. Phones get a lighter tier; browsers without WebGL2, or with reduced motion set, get the title card.

Back to Lab