Diese Anleitung dokumentiert alle 14 sichtbaren Aktionen des Spin and Wheel Zufallsgenerators — ein browserbasiertes Tool, das jedem Eintrag einen gleich großen Bogen auf einem HTML5-Canvas-Rad zuweist und so eine Auswahlwahrscheinlichkeit von 1/N erzeugt. Die Seite enthält einen Drei-Schritte-Schnellstart sowie eine ausführliche Referenz zu jedem Button, jeder Umschaltung und jedem Tastaturkürzel des Hauptrades.
Glücksrad öffnenTippe oder füge deine Liste in das Einträge-Feld ein — ein Eintrag pro Zeile. Namen, Optionen, Aufgaben, Preise — alles, was du zufällig auslosen willst. Es gibt keine Obergrenze außer der localStorage-Kapazität des Browsers (typisch 5 MB pro Origin).
Klicke auf den Drehen-Button unter dem Rad oder direkt auf das Rad-Canvas. Die Rotation läuft 3,5 Sekunden mit einer easeOutQuart-Verlangsamungskurve und landet mit 1/N-Wahrscheinlichkeit auf einem Eintrag — jeder Eintrag hat exakt die gleiche Chance, unabhängig von seiner Position auf dem Rad.
Der Gewinner erscheint in einem Modal. Du kannst erneut drehen, den Gewinner aus der Liste entfernen oder das Modal schließen — die Gewinner werden automatisch im Tab „Gewinner“ gesammelt.
Das Einträge-Feld enthält die Liste, aus der das Rad wählt — ein Element pro Zeile, mit einem Live-Zähler für nicht leere Zeilen. Jeder Eintrag belegt einen 360°/N-Bogen des Rades, wodurch die Auswahlwahrscheinlichkeit unabhängig von Textlänge oder Position genau 1/N beträgt. Es gibt keine Obergrenze außer der localStorage-Kapazität des Browsers (typisch 5 MB pro Origin).
Tipp: Eine Tabellen-Spalte einfügen, um viele Einträge auf einmal hinzuzufügen.
Ordnet alle Einträge zufällig neu an. Praktisch, wenn du zwischen Drehungen unterschiedliche Nachbarn auf dem Rad willst oder die Reihenfolge einer sortierten Liste auflösen möchtest.
Mischen ändert die Wahrscheinlichkeit nicht — jeder Eintrag behält 1/N.
Sortiert Einträge alphabetisch (A–Z). Hilfreich, um eine lange eingefügte Liste aufzuräumen oder ähnliche Einträge zu gruppieren, bevor du das Rad teilst.
Wie Mischen ändert Sortieren nur die Anzeige, nicht die Fairness.
Entfernt alle Einträge mit einem Klick. Das Rad wird leer, und du kannst eine neue Liste starten.
Gelöschte Listen sind nicht wiederherstellbar — vorher die URL teilen, um eine Kopie zu behalten.
Startet die Dreh-Animation, fest auf 3.500 ms mit easeOutQuart-Verlangsamungskurve eingestellt, um konsistentes Spielgefühl und faire Ergebnisse zu garantieren. Zwei Auslöser: der Drehen-Button unter dem Rad und ein direkter Klick auf das Canvas. Das Einträge-Feld ist während der Rotation deaktiviert, damit die Liste sich nicht mitten im Dreh ändert und die Wahrscheinlichkeitsberechnung gültig bleibt.
Die Animationsdauer ist absichtlich fest, damit kein Eintrag durch eine bestimmte Drehlänge bevorzugt wird.
Jeder Gewinner wird automatisch dem Gewinner-Tab hinzugefügt. Wechsle den Tab für den vollständigen Verlauf — ein Zähler zeigt, wie viele Gewinner bisher gezogen wurden.
Mit dem Löschen-Button im Gewinner-Tab den Verlauf zurücksetzen, ohne die Einträge zu ändern.
Im Gewinner-Modal entfernt der Entfernen-Button den Gewinner aus dem Rad — ideal für Verlosungen, bei denen jeder nur einmal gewinnen darf. Der Button „Als Einträge verwenden“ im Gewinner-Tab überträgt alle Gewinner zurück in die Spin-Liste.
Beides kombiniert ergibt K.-o.-Runden: drehen, entfernen, wiederholen.
Nach Anzeige eines Gewinners kann das Modal die nächste Drehung automatisch starten. Häkchen setzen und Countdown in Sekunden einstellen. Der Countdown startet bei jedem neuen Gewinner neu.
Standard-Countdown: 30 Sekunden — passe ihn an dein Veranstaltungstempo an.
Wenn aktiv, wird der Gewinnername über die Web Speech API des Browsers vorgelesen (SpeechSynthesis-Schnittstelle, W3C-Community-Group-Spezifikation). Stimme und Sprache werden automatisch passend zur aktiven Oberflächensprache gewählt — über alle sieben unterstützten Locales hinweg. Der Schalterzustand im Gewinner-Modal wird in localStorage als voiceOver_
Stimmqualität und Sprache hängen von den im Betriebssystem installierten Stimmen ab.
Während der Drehung läuft ein Tick-Geräusch wie bei einem echten Glücksrad. Über das Lautsprecher-Symbol im Header an- oder ausschalten — die Einstellung bleibt sitzungsübergreifend erhalten.
Im Klassenzimmer oder Büro stummschalten, wenn die Umgebung das verlangt.
Ein Klick auf das Vollbild-Symbol im Header ruft die Fullscreen API des Browsers auf (Element.requestFullscreen()) und dehnt das Rad-Canvas auf das gesamte Viewport aus. Unterstützt von allen evergreen Browsern (Chrome, Edge, Firefox, Safari 16.4+) — ideal für Präsentationen, Beamer und Bildschirmfreigabe in Videoanrufen.
Mit Esc den Vollbildmodus jederzeit verlassen.
Einträge werden automatisch im localStorage des Browsers abgelegt (Web Storage API, W3C Recommendation), pro Sprache mit Schlüsseln wie mainInput_en, mainInput_fr usw. Der Speicher überdauert Tab-Schließen, Browser-Neustart und Geräte-Neustart, bis Site-Daten gelöscht werden. Die Kapazität pro Origin liegt typischerweise bei 5 MB — genug für Zehntausende Einträge.
Speicherung pro Sprache: Englisch ergibt eine eigene englische Liste.
Die URL wird bei jedem Tastendruck über die History API (history.replaceState) aktualisiert und kodiert die Eintragsliste als URL-sicheren Query-Parameter. Das Teilen der Adresse überträgt den Rad-Zustand ohne Server-Round-Trip — der Empfänger öffnet den Link und sieht dieselbe Konfiguration auf dem eigenen Gerät. Die Listengröße ist nur durch typische Browser-URL-Längen begrenzt (~2.000 Zeichen in älteren Clients, ~32.000 in modernem Chromium).
Ohne Konto und ohne Server — die Liste lebt in der URL selbst.
Klicken Sie oben im Eintragsformular auf die Schaltfläche QR-Code teilen, um ein Fenster mit einem scanbaren QR-Code zu öffnen. Der Code enthält die aktuelle Seiten-URL einschließlich der hinzugefügten Einträge — wer ihn mit der Handykamera scannt, öffnet exakt dasselbe Rad mit derselben Liste. Das Fenster zeigt außerdem den vollständigen Link und eine Schaltfläche Link kopieren, falls Sie die Adresse lieber in Chat, E-Mail oder eine Präsentation einfügen möchten.
Perfekt für Klassenzimmer und Veranstaltungen — Schüler oder Gäste scannen den Code auf dem Bildschirm und öffnen das Rad mit einem Tipp auf ihrem eigenen Gerät.
Das Rad ist in 7 Sprachen verfügbar: Englisch, Französisch, Spanisch, Japanisch, Portugiesisch, Deutsch und Polnisch. Wähle die Sprache im Footer — die gesamte Oberfläche inklusive Sprachausgabe wechselt sofort.
Jede Sprache behält ihre eigene gespeicherte Liste, ohne andere zu überschreiben.
Du kannst das Glücksrad in OBS Studio in zwei Teilen live in deinen Stream bringen: ein Rad, das über deiner Szene liegt, und ein kleines Bedienfeld, das in OBS angedockt ist und in dem du Namen bearbeitest und drehst. Keine zusätzliche Software, kein Konto — beide Teile laufen in OBS auf demselben Computer.
Füge das Rad mit dem Anzeige-Link zu deiner Szene hinzu. Es erscheint auf transparentem Hintergrund, sodass nur das Rad über deiner Webcam oder deinem Gameplay zu sehen ist — ohne Kasten drumherum. Eine quadratische Größe wie 800 × 800 funktioniert am besten.
Verschiebe und skaliere es beliebig in deiner Szene; der Bereich um das Rad bleibt über deinen anderen Quellen durchsichtig.
Füge den Dock-Link als Bedienfeld in OBS hinzu, damit du Namen bearbeiten, drehen und Gewinner sehen kannst, ohne OBS zu verlassen oder zu einem Browser-Tab zu wechseln.
Falls das Bedienfeld verschwindet, schalte es über das Menü Docks oben in OBS wieder ein.
Das Bedienfeld und das Rad auf dem Bildschirm sind in OBS verbunden, sodass ein Dreh sofort im Stream erscheint. Es wird nichts an einen Server gesendet — beide Teile müssen nur im selben OBS auf einem Computer laufen.
Drücke im Bedienfeld auf Rad drehen, und das Rad auf dem Bildschirm dreht sich sofort; jeder Gewinner wird der Gewinnerliste im Bedienfeld hinzugefügt.
Aktiviere beim Hinzufügen des Rads die Option Audio über OBS steuern, damit deine Zuschauer das Tickgeräusch hören. Über das Bedienfeld kannst du außerdem jeden Gewinner vorlesen lassen und den nächsten Dreh automatisch starten.
Du kannst das Rad jederzeit im OBS-Audiomixer stummschalten.
