NOW SHOWING · TWELVE HAND-BUILT LOADERS · NO GIFS · NO LIBRARIES · 026

Loader Cinema.

Pick an opening sequence — every loader below is pure CSS, timed by one JS clock.
REEL 01 / 12 · 0.0s
SPIN RING — CLASSIC REEL LEADER
PROJECTIONIST NOTE

Tempo drives all

One CSS variable scales every animation duration, so the whole booth speeds up or slows down together.

HOUSE RULE

Grain is optional

Kill the grain for clean vector loops, or keep it for that third-row 1974 texture.

INTERMISSION

Countdown is live

The leader reel counts from your chosen number using the same JS clock as the progress bar.

Booth notes — running the house

Twelve loaders, one clock. Tempo is a single multiplier the whole booth obeys.

REELS 01–04

Ring, bars, dots, clapper. The classics warm the lamp before the plot twists.

REELS 05–08

Countdown, typewriter, shutter, curtain. The story mechanics live here.

REELS 09–12

Orbit, ticket, pop, finale. Sugar, salt and a curtain call at full tempo.

Keys: ←/→ walk reels, space pauses. Grain and bar toggles dress the frame.

Tempo mechanics

One variable rescales durations so the booth speeds as an ensemble, never solo.

Offline reels

Double-click to project. Twelve CSS loops, zero GIFs, zero libraries.