Shootout

Shootout is the shared-display half of a bright multiplayer penalty shootout game. Open the viewer on a television, projector, signage screen, laptop, or tablet, then join with one or more phones at /shootout-c/ in the same RCWeb room.

icon

How to play

  1. Open /shootout/?r=<room> on the shared display.
  2. Scan the QR code or open /shootout-c/?r=<room> on each player's phone.
  3. Each phone joins the turn queue. The active player taps or drags in the goal to choose an aim point.
  4. A five-second countdown starts with the target still adjustable.
  5. At zero, the ball flies toward the chosen spot and the AI goalkeeper attempts a save.
  6. Goals, saves, and shots wide are recorded per player before play passes to the next connected player.

Features

  • Authoritative viewer-owned game state prevents simultaneous turns.
  • Supports many players with a persistent participant ID and automatic reconnect.
  • Five-second synchronized countdown with live aim updates.
  • Generated goalkeeper and football sprite sheets with diving, sliding, catching, and spinning frames.
  • Large-to-small ball flight animation with simple position-aware goalkeeper AI.
  • Per-player score table for goals, saves, and misses.
  • Landscape and portrait shared-display layouts.
  • Lean-paint styling for older or low-powered signage browsers.
  • Stadium reactions using local Web Audio effects, speech synthesis, and the existing bundled applause sample.

Artwork

The goalkeeper and football sprite sheets were generated for this app with OpenAI's built-in image generation tool. Source chroma-key sheets are retained in assets/; the app uses the cleaned transparent PNG versions.

Audio research

The stadium mix is self-contained so the game remains reliable offline. The bundled applause sample is reused from RCWeb's Soundboard app. Additional football-specific effects were researched at:

  • Pixabay, “Football Game Sound Effects” by PWLPL: https://pixabay.com/sound-effects/film-special-effects-football-game-sound-effects-359284/
  • Pixabay, “Powerful Stomps Claps Cheering” by DJARTMUSIC: https://pixabay.com/sound-effects/film-special-effects-powerful-stomps-claps-cheering-sport-rhythmic-applause-317290/
  • Freesound, “goal shout.mp3” by polmdx (CC BY 4.0): https://freesound.org/people/polmdx/sounds/219873/

No runtime network access is required.

Screenshots

ready state

shot result

second shot result

Launch RCWeb App

Documentation • Server Telemetry • Server Stats • Server HTTP Log • Server WebSocket Log