Entscheidungsrad

Was dieses Tool macht

Dreht ein faires, zufälliges Rad über jede Liste von Optionen, die du eingibst — die digitale Version, einen Namen aus dem Hut zu ziehen. Nützlich, um zu entscheiden, was es zu essen gibt, Teams einzuteilen, eine faire Tombola zu veranstalten, zu klären, wer den nächsten Kaffee macht, oder jede „Ich weiß nicht, entscheide du“-Pattsituation aufzulösen. Jede Option wird zu einem farbigen Kreissegment; der Zeiger oben landet auf dem Segment, in das das Rad dreht. Die Zufälligkeit kommt von crypto.getRandomValues() mit einem Jitter pro Segment, damit das Ergebnis selbst bei zwei Optionen lebendig wirkt. Sobald ein Gewinner ermittelt ist, kannst du ihn entfernen und erneut drehen — praktisch für Tombolas oder Auslosungen. Das aktuelle Rad lässt sich als URL-Hash teilen; Empfänger öffnen den Link und sehen dieselben Optionen ohne Login oder Synchronisation.

So funktioniert es

Tippe deine Optionen in den Textbereich — eine pro Zeile. Das Rad rendert live, während du tippst, mit bis zu einem Dutzend unterschiedlicher Farben, die sich über die Segmente verteilen. Drücke Rad drehen; das Rad rotiert einige volle Umdrehungen plus einen zufälligen Lande-Offset, dann zeigt der Zeiger oben den Gewinner. Verwende Gewinner entfernen, um die ausgewählte Option zu streichen (großartig für Tombolas, bei denen jeder Name nur einmal gewinnen soll). Mischen randomisiert die Reihenfolge der Segmente — nützlich, wenn du eine andere visuelle Anordnung willst. Teilen-Link kopieren serialisiert die aktuellen Optionen in einen URL-Hash, sodass jeder, der den Link öffnet, dasselbe Rad sieht.

Wie der Spin funktioniert

Jede Option belegt 360° / N des Rads. Zum Drehen ziehen wir mit crypto.getRandomValues() eine 32-Bit-Zufallsganzzahl, nehmen sie modulo N, um das Gewinnersegment zu wählen, und addieren dann einen kleinen Jitter innerhalb des Segments, damit der Zeiger irgendwo glaubhaft im Segment landet, statt immer genau in der Mitte. Das Rad rotiert 5–7 volle Umdrehungen über den Landewinkel hinaus, mit einer CSS-Cubic-Bezier-Easing-Kurve, die über 3,6 Sekunden abbremst — lang genug, um sich wie ein echtes Rad anzufühlen, kurz genug, dass keine Langeweile aufkommt. Teilen-Links serialisieren die Optionsliste als Base64-URL-codiertes JSON in einem #wheel=-Hash. Hash-Daten erreichen niemals den Server; die URL ist eine in sich geschlossene Nutzlast.

Wofür Leute es verwenden

Ein paar gängige Fälle — aber wirklich alles, was du in einem Textbereich auflisten kannst, funktioniert.

Häufig gestellte Fragen