Get Screeched In
at Grey Cup Calgary.
Three-screen system for a charity activation: a clerk enters guests at a booth, the porthole generator composites them into a BC-Lions-themed frame, and a 200-slot big-screen wall fills in real time. All proceeds to the Calgary Food Bank.
Clerk Station
clerk.htmlGuest entry form: name, CFL team picker (9 teams with real colors), webcam capture with demo fallback, consent checkbox, submit. Real getUserMedia if granted, stylized demo photo otherwise.
Porthole Preview
preview.html"Ready for the wall?" confirmation. Shows the composited porthole at full detail (rendered by the shared porthole.js), guest metadata, slot number, and the send-to-wall action with launch animation.
Big Screen Wall
display.html ★ showpiece20×10 grid of 200 porthole slots on a dark wood plank backdrop. Seeds with ~47 demo entries, auto-drops a new random porthole every 6 seconds, animates landings with scale + glow. Click any porthole to zoom. Press F11 for the projector view.
Assumptions baked in
- ·Single-tier: the black frame from the reference (not Gold/Silver).
- ·Team list: 9 CFL teams, dynamic ring color and banner per entry.
- ·Overflow past slot 200 wraps and replaces the oldest slot.
- ·Display renders simplified portholes at 90px; preview uses full-detail SVG at 360px.
- ·Persistence is localStorage for the prototype — real build would use WebSockets + SQLite/Postgres.
- ·Photos are deleted at event close (baked into the consent copy).
Open questions for John
- ?Projector resolution — 1080p or 4K? Changes the per-slot render target.
- ?Throughput expectation (hours × clerks) — single or multiple concurrent stations?
- ?Should guests be able to walk away with their porthole (email / QR / print)?
- ?Is there a "second version" coming (self-serve kiosk, photo booth mode)?
- ?Confirm tier selection: black for V1 only, gold/silver as V2 upsell?
- ?Any sound effects on new-entry landing (foghorn, ding)?