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.
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.
