SongSpielTools
Browser-Tools als Ergänzung zum Brettspiel Hitster · songspieltools.html · songspieltools@polze.net
SongSpielTools ist eine Sammlung von Browser-Tools, die das Brettspiel Hitster digital begleiten: eine interaktive Bingokarte und ein digitaler Würfelersatz. Keine App-Installation, keine Anmeldung — einfach URL öffnen und mitspielen.
Überblick
SongSpielTools besteht aus zwei unabhängigen Tools, die beide während einer laufenden Hitster-Partie im Browser geöffnet bleiben:
- 🎯 HitsterBingoCard — eine 5×5-Bingokarte für jeden Mitspieler
- 🎲 HitsterSongDice — ein digitaler Würfel für die Spielleitung, der Kategorie, Kartenfarbe und Edition vorgibt
Installation
histercard/index.html) funktioniert auch komplett ohne Server, direkt im Browser geöffnet — reines HTML/JS ohne Backend.HitsterBingoCard — Spielprinzip
Jeder Mitspieler bekommt eine zufällig generierte 5×5-Karte mit fünf Farben (Grün, Gelb, Rot, Lila, Blau) — je fünf Felder pro Farbe. Während der Hitster-Partie werden Felder markiert, sobald die passende Kombination aus Kategorie und Farbe (siehe SongDice) eintritt.
Nutzung
- Felder per Klick oder Tap markieren
- Automatische Bingo-Erkennung für Reihen, Spalten und Diagonalen
- Beim Erzeugen einer neuen Karte erscheint ein Bestätigungsdialog, damit eine laufende Karte nicht versehentlich überschrieben wird
- Läuft vollständig ohne Server — funktioniert auch offline im Browser
HitsterSongDice — Was wird gewürfelt?
SongDice ersetzt einen physischen Würfel und bestimmt bei jedem Wurf drei Dinge gleichzeitig:
| Kategorie | Beispielwerte |
|---|---|
| Spielkategorie | Songtitel, Interpret, 3 vor / 3 nach, … |
| Kartenfarbe | Gelb, Grün, Lila, Hellblau, Pink |
| Edition | Original, Summer Hits, Guilty Pleasures, Schlager, … |
Nutzung
Nach dem Würfeln erscheint ein GO!-Kreis mit einem 25-Sekunden-Countdown für die Ratephase — sobald die Zeit abläuft, ist die Runde vorbei.
Host-Modus
Über den Button oben lässt sich zwischen der Würfel-Ansicht und einer eingebetteten Bingokarte umschalten — praktisch für die Spielleitung, die beide Ansichten abwechselnd braucht, ohne zwei Tabs zu jonglieren.
Einstellungen
- Sprache: Deutsch / Englisch
- Aktive Kategorien individuell auswählbar
- Farbfeld ein-/ausschaltbar
- Aktive Editionen individuell auswählbar
Alle Einstellungen werden per Cookie im Browser gespeichert und bleiben bis zum nächsten Besuch erhalten.
Tech-Stack
| Bereich | Technologie |
|---|---|
| Frontend | HTML5, CSS3, Vanilla JavaScript |
| Backend (SongDice) | PHP ≥ 7.4 |
| Persistenz | Browser-Cookie |
| Fonts | Google Fonts (Caveat, Condiment, Modak) |