KQ-086 · CRANE/SCROLL
Crane Scroll
A crane shot on a scroll track — the ground plane tips from an overhead plan to an eye-level elevation as you scroll, its plots standing up into view while their labels billboard to stay readable, a stage readout naming the shot from top-down through three-quarter to front.
KQ-086 · CRANE/SCROLL
SITE SURVEY · 06 PLOTS
KQ-086
A crane shot: scrolling lowers the camera from directly overhead down to eye level over a grid of site plots. The camera now reads TOP-DOWN.
CRANE · TOP-DOWN
Scroll to crane the camera from overhead down to eye level.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/crane-scroll
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| tiles | CraneTile[] | — | Plots seated on the ground plane, front to back. |
| journey | number | 3 | Scroll track length as a multiple of height. |
| onCrane | (progress) => void | — | Streams the crane 0..1, deduped to twentieths. |
| height | number | 280 | Scroll stage height in px. |