Skip to content
Docs
Open Promoeyes
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