RCWeb Dobble Display

The Dobble Display app (app/dobble) 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

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 dobble-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 dobble.png, an 8x8 sprite sheet with the first 57 cells populated, matching the full 57-card Dobble deck structure.

How it works

• Viewer-owned round logic: script.js generates the 57-card finite-projective-plane Dobble deck, selects two cards per round, and chooses the next round as soon as someone scores.
• Shared controller state: The dobble viewer pushes the exact same controller card layout to every dobble-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 Dobble card.

Launch RCWeb App