RCWeb Symbol-Snap Display

The Symbol-Snap Display app (app/symbol-snap) turns a shared screen into a fast spot-the-match challenge. Players scan the QR code, open the companion controller card on their phones, and race to tap the one symbol that appears on both cards.

Icon

icon

What it does

  • Shared-screen party play: The main display shows one eight-symbol card while every connected phone sees the same second card.
  • Phone-first joining: A QR code opens symbol-snap-control directly into the current RCWeb room so new players can join instantly.
  • Point race scoreboard: The display keeps an always-visible score table and awards a point to the first player who taps the matching symbol.
  • Sprite-sheet artwork: The symbols are rendered from symbol-snap.png, an 8x8 sprite sheet with the first 57 cells populated, matching the full 57-card deck structure.

How it works

  • Viewer-owned round logic: script.js generates the 57-card finite-projective-plane symbol deck, selects two cards per round, and chooses the next round as soon as someone scores.
  • Shared controller state: The symbol-snap viewer pushes the exact same controller card layout to every symbol-snap-control client while still tracking individual player names and scores.
  • Canvas sprite rendering: Both cards are drawn on <canvas> with random rotation, scale, and circular placement to recreate the feel of a shuffled Symbol-Snap card.
DocumentationServer TelemetryServer StatsServer HTTP LogServer WebSocket Log