Glücksrad drehen
Optionen eingeben, Rad drehen
Jede Zeile im Feld wird zu einem Segment. Drück auf Drehen, das Rad dreht sich und wird langsamer, und das Segment unter dem Zeiger gewinnt.
Nichts wird hochgeladen. Deine Einträge leben im Browser-Tab und verschwinden, wenn du ihn schließt.
Der Gewinner steht fest, bevor sich das Rad bewegt
Das ist wichtiger, als es klingt.
Der naheliegende Weg, ein Rad zu bauen, ist, ihm einen zufälligen Schub zu geben, es durch Reibung ausrollen zu lassen und abzulesen, was am Ende unter dem Zeiger steht. Bei diesem Ansatz hängt das Ergebnis von der Rundung des finalen Winkels und davon ab, wie viele Animationsframes dein Gerät schaffte - ein langsames Handy und ein schneller Desktop wären dabei nicht gleich fair.
Dieses Rad macht das Gegenteil. Es zieht zuerst einen Gewinner aus
crypto.getRandomValues(), berechnet dann die exakte Drehung, die dieses
Segment unter den Zeiger bringt, und animiert dorthin. Das Drehen ist
Inszenierung; die Ziehung steht bereits fest und ist nachweislich
gleichverteilt.
Jedes Segment hat daher exakt dieselbe Chance, egal wie viele Segmente es gibt, wie lang ihre Beschriftungen sind oder auf welchem Gerät du bist.
Gewinner entfernen, oder mit dem vollen Rad weiterdrehen
Ist Gewinner entfernen aktiv, nimmt jede Drehung den gewinnenden Eintrag vom Rad. Dreh mehrfach, und du bekommst eine Reihenfolge: Erster, Zweiter, Dritter. Gut für das Ziehen mehrerer Preise oder um die Präsentationsreihenfolge vor einem Raum zu bestimmen.
Ist es aus, bleibt das Rad vollständig, und dieselbe Option kann zweimal gewinnen - genau das ist gewünscht bei “wo essen wir heute Abend”.
Das Rad durch Wiederholen eines Eintrags gewichten
Das Rad gibt jedem Segment dieselbe Chance, deshalb funktioniert das Bevorzugen einer Option, indem man ihr mehr Segmente gibt. Ein Eintrag doppelt gelistet verdoppelt seinen Anteil.
| Einträge | Segmente | Chance für Pizza |
|---|---|---|
| Pizza, Sushi, Tacos | 3 | 33 % |
| Pizza, Pizza, Sushi, Tacos | 4 | 50 % |
| Pizza ×3, Sushi, Tacos | 5 | 60 % |
Doppelte Beschriftungen erscheinen mehrfach auf dem Rad, was ehrlich ist - jeder Zuschauer kann die Segmente zählen und die Gewichtung sehen, statt dir einfach glauben zu müssen. Genau diese Sichtbarkeit ist der Sinn eines Rads; ein verstecktes Gewicht würde ihn unterlaufen.
Für feinere Gewichtungen, die nicht sauber in Segmente passen, akzeptiert der
Zufallszahlengenerator stattdessen explizite Zahl:Gewicht-Paare.
Wie viele Segmente lesbar bleiben
Segmente schrumpfen mit wachsender Anzahl an Einträgen, und die Beschriftungen verlaufen entlang des Radius, daher gibt es eine praktische Obergrenze weit unter jeder technischen.
- Bis 12 - komfortabel, Beschriftungen sind auf einen Blick lesbar
- 12 bis 20 - lesbar, aber lange Namen fangen an, eng zu werden
- 20 bis 30 - nur für kurze Beschriftungen brauchbar
- Über 30 - das Rad funktioniert noch und die Ziehung ist noch fair, aber niemand kann es lesen, während es sich dreht
Beschriftungen über 18 Zeichen werden mit Auslassungspunkten gekürzt, damit sie in ihrem Segment bleiben. Ist deine Liste so lang, dass das Rad unleserlich wird, erledigt der Namensgenerator denselben Job ohne die Inszenierung.
Barrierefreiheit und Bewegung
Das Rad respektiert prefers-reduced-motion. Fragt dein System nach
reduzierter Bewegung, wird die Drehanimation übersprungen und der Gewinner
erscheint sofort. Das Ergebnis ist in beiden Fällen identisch, da die Ziehung
nie von der Animation abhing.
Der Gewinner wird außerdem in einer Live-Region angesagt, sodass Screenreader ihn vorlesen, ohne dass Nutzende danach suchen müssen.
Wo ein Auswahlrad eingesetzt wird
- Entscheiden - Mittagessen, Film, welche Aufgabe
- Livestreams und Klassenzimmer - das Drehen ist der Punkt; Leute schauen zu
- Gewinnspiele - eine sichtbare Ziehung wirkt für ein Publikum fairer als eine erscheinende Zahl
- Eisbrecher - wer beantwortet die nächste Frage