Diese Anleitung dokumentiert alle 17 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).
Klick auf den Dreh-Button unter dem Rad oder direkt auf das Rad. Eine Drehung dauert standardmäßig 3,5 Sekunden (2 bis 15 Sekunden unter „Anpassen“) und landet mit einer Wahrscheinlichkeit von 1/N auf einem zufälligen Eintrag: Der Haltepunkt stammt aus dem kryptografisch sicheren Zufallsgenerator des Browsers, deshalb hat jeder Eintrag dieselbe Chance, egal wo er auf dem Rad steht.
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 — kopiere vorher über „QR-Code teilen“ einen Link, um eine Kopie zu behalten.
Startet die Drehung mit einer easeOutQuart-Abbremskurve. Standard sind 3.500 ms; unter „Anpassen“ stehen 2, 3,5, 6, 10 oder 15 Sekunden zur Wahl, und die Zahl der Umdrehungen wächst mit der Dauer. Der Haltewinkel wird vor Beginn der Animation mit crypto.getRandomValues bestimmt. Es gibt zwei Auslöser: den Button unter dem Rad und einen Klick auf das Rad. Das Feld „Einträge“ ist während der Drehung gesperrt, damit sich die Liste nicht mitten in der Ziehung ändert.
Die Dauer ist nur Show: Das Ergebnis steht fest, bevor sich das Rad bewegt, eine kurze oder lange Drehung bevorzugt also keinen Eintrag.
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.
Drehe völlig freihändig: Öffne die Einstellungen (das Zahnrad neben Einträge hinzufügen), aktiviere die Sprachsteuerung, erlaube den Mikrofonzugriff und sage deinen Drehbefehl laut — standardmäßig 'Wheel spin' — um ohne Bildschirmberührung zu drehen. Die Spracherkennung nutzt die Web Speech API des Browsers und folgt der Seitensprache; ein Mikrofon-Badge leuchtet grün, wenn deine Worte passen, und rot, wenn nicht.
Lege in den Einstellungen einen eigenen Befehl fest (beliebige Phrase) und nutze Chrome oder Edge für beste Ergebnisse; auf Browsern ohne Spracherkennung wird die Option ausgeblendet.
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. Der Schalterzustand im Gewinner-Modal wird in localStorage als voiceOver_
Stimmqualität und Sprache hängen von den im Betriebssystem installierten Stimmen ab.
Ein Tick ertönt, wenn ein Feld am Zeiger vorbeiläuft, und wird mit dem Rad langsamer. Unter „Anpassen“ wählst du den Drehton (Tick, Klick oder Sanft), einen Gewinnerton beim Stillstand (Glockenspiel, Fanfare oder Aus) und die Lautstärke. Das Lautsprecher-Symbol im Seitenkopf schaltet alle Töne des Rads stumm und merkt sich die Wahl. Ist die Sprachausgabe an, wird der Name nach dem Gewinnerton vorgelesen.
Im Klassenzimmer oder Büro einfach über den Lautsprecher im Seitenkopf stummschalten; deine Ton-Einstellungen bleiben gespeichert.
Der Paletten-Button neben dem Zahnrad der Einstellungen öffnet „Anpassen“: 8 Farbthemen (Klassisch, Pastell, Ozean, Sonnenuntergang, Neon, Wald, Mono, Regenbogen; die Schrift wechselt zwischen Schwarz und Weiß, damit sie lesbar bleibt), Drehdauer, Dreh- und Gewinnerton mit Lautstärke sowie optionales Konfetti bei jedem Ergebnis (standardmäßig aus und entfällt, wenn das Gerät reduzierte Bewegung verlangt). Die Auswahl bleibt in diesem Browser gespeichert, reist mit Links über „QR-Code teilen“ mit, und in OBS schickt das Steuerpanel sie an das Rad im Stream.
Keine dieser Optionen ändert die Chancen. „Auf Standard zurücksetzen“ holt den klassischen Look zurück.
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 Adresszeile ändert sich beim Tippen nicht. Zum Teilen klickst du oben im Eintragsformular auf „QR-Code teilen“: Daraus entsteht ein Link, der deine Einträge im URL-sicheren Parameter ?entries= und geänderte Anpassen-Einstellungen in ?cfg= enthält, angezeigt als QR-Code mit der Schaltfläche „Link kopieren“. Wer den Link öffnet, sieht dieselbe Liste im selben Look auf dem eigenen Gerät – ohne Server-Round-Trip. Eine geteilte Liste ersetzt nicht die eigene gespeicherte Liste, Änderungen daran werden nicht gespeichert, und der geteilte Look gilt nur für diesen Besuch; gespeichert wird er erst, wenn eine Einstellung geändert wird. 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 12 Sprachen verfügbar: Englisch, Französisch, Spanisch, Japanisch, Portugiesisch, Deutsch, Polnisch, Koreanisch, Hindi, Indonesisch, Ukrainisch und Hebräisch (von rechts nach links). 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.
