Hopbox

A parcel hops across an ink city map leaving a teal route, the planned path bends around a road closure, the tracking screen updates on a phone on the desk, and the parcel lands as the full stop of the name.

A flat paper map under a locked lens, marked with registration crosses and a route tracker, cutting to a close-up map chapter, a top-down lit paper desk with a parcel and a pen, and a hand-drawn ink doorway. Five fast bouncy beats in 14 s at 137 bpm, each 2 to 3 s, with squash-and-stretch hops, stepped wipes and a quick landing on the last beat.

Length: 14 s
Scenes: 5
Device: iphone
Style: hyperkinetic
Camera: fast cuts, locked off, top down

//
    HOPBOX — "Here before you ask." ~14 s, 16:9, five chapters. 1 unit = 1 mm.
    Preview: http://localhost:4444/runtime?project=projects/templates/hopbox/hopbox.promo

    THE IDEA — a same-day courier app told as a parcel that hops across an ink city map. It drops on
    the depot, hops street to street leaving a teal route, meets a road closure and the planned path
    point-morphs round it, then the live tracking screen on a phone lying on the desk, the doorstep,
    and the parcel lands as the full stop of the name.

    THE STAGE — a flat paper map (H1, H2, H4, H5). One locked lens: fov 30 at z 2015.3, so the z = 0
    plane is exactly 1920 × 1080 mm and 1 mm reads as 1 px. Unlit basic colour (tone_mapping=None,
    film_grain output_transform=2). The map is seen from above, so a hop goes TOWARD the lens: the
    parcel swells at the top of each hop while its contact shadow shrinks and fades. H3 is the one lit
    3D set: the same paper as a desk, a porcelain iPhone lying on it, a parcel and a pen beside it.

    PALETTE — paper #F1EEE6 · ink #151515 · parcel yellow #FFC21A · route teal #00A88F ·
    block #E2DCCD · closure red #E5482F.

    HUD — every flat chapter wears the same dispatch frame: four registration crosses, the order
    number, the ETA, the chapter label and a 12-stop route tracker whose yellow marker advances.

    CHAPTERS (scene · local seconds; a scene's clock starts when the gap into it starts)
      h1-dispatch  3.0  01 PACKED / HOPPING  the map builds out from the depot, the parcel falls onto it
                                     with a squash, then hops three blocks, tumbling 90° per hop; the
                                     route draws behind it, each landing rings and prints its time.
      h2-reroute   2.6  02 REROUTED  on teal, close on the parcel: ROAD CLOSED pops on the next block,
                                     the planned path point-morphs round it, the ETA drops 14 → 9, two
                                     more hops; a yellow staircase wipes.
      h3-track     3.2  03 TRACKED   a porcelain iPhone on the paper desk, top-down: notifications stack,
                                     the address types, the parcel walks the mini map, ETA 14 → 11 → 9,
                                     Leave at the door, Delivered.
      h4-door      2.0  04 DROPPED   an ink doorway; the parcel falls onto the mat with a big squash and
                                     a puff, swaps for a teal badge, the tick draws itself.
      h5-lockup    2.4  05           Hopbox, the parcel drops in as its full stop, the kicker types, the
                                     rule draws while a tiny parcel hops along it.
promo#hopbox(width=1920 height=1080 fps=30 gap-clock=run)
  audio
    tracks
      track#music(asset="music:hopbox-score" start=0 duration=14.02 volume=0.85)
      track#sfx_1(asset="media:hopbox-sfx" start=0 volume=0.9)
  materials
    // flat, unlit, transparent so every element can fade
    basic#m-ink(color=#151515 transparent=true opacity=1)
    basic#m-ink-dim(color=#151515 transparent=true opacity=0.55)
    basic#m-ink-faint(color=#151515 transparent=true opacity=0.16)
    basic#m-paper(color=#F4F1EA transparent=true opacity=1)
    basic#m-paper-dim(color=#F4F1EA transparent=true opacity=0.6)
    basic#m-paper-faint(color=#F4F1EA transparent=true opacity=0.2)
    basic#m-block(color=#E2DCCD transparent=true opacity=1)
    basic#m-yellow(color=#FFC21A transparent=true opacity=1 toneMapped=false)
    basic#m-teal(color=#00A88F transparent=true opacity=1 toneMapped=false)
    basic#m-red(color=#E5482F transparent=true opacity=1 toneMapped=false)
    // the desk (H3)
    standard#m-desk(color=#EFEBE2 roughness=1 metalness=0)
    standard#m-box(color=#FFC21A roughness=0.7 metalness=0)
    standard#m-tape(color=#151515 roughness=0.5 metalness=0)

  // =====================================================================================
  // H1 · 01 PACKED / HOPPING — the map buil