staircase
staircase
ABSTRACT · ROOMS · 02 STAIRCASE — the camera climbs.
Read the rig's notes
THE ARGUMENT. Every other room moves the camera on the flat. Here seven clearcoat treads climb away from the door, 1.5 m deep and 440 mm high each, and one exhibit stands on every tread, left and right by turns. The camera settles on tread one, rises to tread two, and so on, up to the seventh; then it cranes back down to the door in five seconds, and the whole flight stands in the frame with the lockup on the wall over the top tread — what the climb was toward from the first frame. 60 s, no cuts. A cream bar hangs the length of the flight, face down, so every tread carries one rectangle of light; the nosing of every tread is a cool line. (The lockup cannot go behind the camera: a text layer ignores a 180° yaw and reads mirrored from the far side.) # station at tread side what the app does there 01 hero 3.6 1 left home: three tiles build, the CTA presses 02 pricing 10.6 2 right the plan card: three checks land, Start free presses 03 inbox 17.6 3 left five conversations arrive, one opens, a reply lands 04 pipeline 24.6 4 right an automation: a bead runs the rail, four stages light 05 board 31.6 5 left kanban: one card moves Doing → Done, the count ticks 06 analytics 38.6 6 right revenue: three KPIs, the curve draws, +64 % 07 alerts 45.6 7 left lock screen: three notifications stack in 08 the door 55.0 — — the crane back down: the flight and the lockup over it GEOMETRY. Tread i (0-based) is a box 4.6 m wide, (i+1) · 440 tall, 1.5 m deep, centred at z = -(1500 i + 750); its top is at (i+1) · 440. Exhibits stand at x = ±1100, yawed 14° toward the centre line, so the framed settle stands over the tread below, square-on to the glass. One standing panel per tread at the outer edge (amber left, cool right) keys its exhibit; the overhead bar and one directional from the door side do the rest. Preview: /packages/runtime/index.html?project=promos/primitives/scenes/abstract/rooms/staircase.promo Capture: nx run tools:capture:webgl -- --project promos/primitives/scenes/abstract/rooms/staircase.promo --width 1920 --height 1080 --out-dir scratch/rooms/staircase --frames "1:door,6:hero,13:pricing,20:inbox,27:pipeline,30:to-board,34:board,41:analytics,48:alerts,58:lockup"
- Topic
- scenes
- Scenes
- 1
- Kind
- reference rig
//
ABSTRACT · ROOMS · 02 STAIRCASE — the camera climbs.
THE ARGUMENT. Every other room moves the camera on the flat. Here seven
clearcoat treads climb away from the door, 1.5 m deep and 440 mm high
each, and one exhibit stands on every tread, left and right by turns. The
camera settles on tread one, rises to tread two, and so on, up to the
seventh; then it cranes back down to the door in five seconds, and the
whole flight stands in the frame with the lockup on the wall over the top
tread — what the climb was toward from the first frame. 60 s, no cuts. A
cream bar hangs the length of the flight, face down, so every tread
carries one rectangle of light; the nosing of every tread is a cool line.
(The lockup cannot go behind the camera: a text layer ignores a 180° yaw
and reads mirrored from the far side.)
# station at tread side what the app does there
01 hero 3.6 1 left home: three tiles build, the CTA presses
02 pricing 10.6 2 right the plan card: three checks land, Start free presses
03 inbox 17.6 3 left five conversations arrive, one opens, a reply lands
04 pipeline 24.6 4 right an automation: a bead runs the rail, four stages light
05 board 31.6 5 left kanban: one card moves Doing → Done, the count ticks
06 analytics 38.6 6 right revenue: three KPIs, the curve draws, +64 %
07 alerts 45.6 7 left lock screen: three notifications stack in
08 the door 55.0 — — the crane back down: the flight and the lockup over it
GEOMETRY. Tread i (0-based) is a box 4.6 m wide, (i+1) · 440 tall, 1.5 m
deep, centred at z = -(1500 i + 750); its top is at (i+1) · 440. Exhibits
stand at x = ±1100, yawed 14° toward the centre line, so the framed settle
stands over the tread below, square-on to the glass. One standing panel per
tread at the outer edge (amber left, cool right) keys its exhibit; the
overhead bar and one directional from the door side do the rest.
Preview: /packages/runtime/index.html?project=promos/primitives/scenes/abstract/rooms/staircase.promo
Capture: nx run tools:capture:webgl -- --project promos/primitives/scenes/abstract/rooms/staircase.promo --width 1920 --height 1080 --out-dir scratch/rooms/staircase --frames "1:door,6:hero,13:pricing,20:inbox,27:pipeline,30:to-board,34:board,41:analytics,48:alerts,58:lockup"
promo#rooms-staircase(width=1920 height=1080 fps=30)
materials
physical#clearcoat(color=#15161a metalness=0 roughness=0.45 clearcoat=1 clearcoat-roughness=0.06 envmap-intensity=1.1)
standard#metal(color=#d8d8dc metalness=1 roughness=0.22 envmap-intensity=1.25)
standard#clay(color=#9c9689 metalness=0 roughness=0.95)
basic#emissive(color=#ffb347)
basic#emissive-cool(color=#7ad7ff)
physical#thinfilm(color=#101014 metalness=0.65 roughness=0.14 clearcoat=1 clearcoat-roughness=0.05 iridescence=1 iridescence-ior=1.35 iridescence-thickness=420 envmap-intensity=1.5)
standard#shell(color=#26262b metalness=0.4 roughness=0.3 envmap-intensity=1.1)
standard#obsidian(color=#0a0a0d metalness=0 roughness=0.03)
standard#lacquer(color=#0b0a09 metalness=0.5 roughness=0.08)
standard#wall(color=#16161b metalness=0 roughness=0.82)
standard#wood(color=#1a1512 metalness=0.05 roughness=0.55 envmap-intensity=0.8)
standard#brushed(color=#8a8a90 metalness=1 roughness=0.55 envmap-intensity=1.1)
standard#cyc(color=#26262b metalness=0 roughness=1)
scene#staircase(duration=60)
// A ONE-SCENE part with STATIONS (core/fit-annotations.ts): scene-fit maps a
// blueprint's scenes onto these in order — the device carved to a slot by
// node id, the panel emptied to a tile — and remaps the clock so every hold
// takes its narration. The lockup's mark and url take the brand's.
// @visual seven clearcoat treads climbing away