Zum Hauptinhalt springen

Münzwurf & Glücksrad – kostenlos

Werfen Sie eine virtuelle Münze, drehen Sie ein anpassbares Rad oder wählen Sie zufällig aus einer Liste von Optionen. Verwendet die kryptographisch sichere Zufälligkeit Ihres Browsers — keine überprüfbare öffentliche Auslosung, daher vermeiden Sie regulierte Wettbewerbe.

Funktioniert nach dem Laden offline

🔒 Alle drei verwenden den kryptographisch sicheren Zufallsgenerator Ihres Browsers: Das Ergebnis wird zuerst ausgewählt, dann animiert — die Münze ist ein echtes 50/50, das Rad wird zu seinem bereits ausgewählten Ergebnis gedreht, und die Zufallsauswahl ist unvoreingenommen. Nichts verlässt Ihr Gerät. Dies ist für den alltäglichen Gebrauch fair, aber es ist keine überprüfbare öffentliche Auslosung, daher vermeiden Sie regulierte Wettbewerbe oder Entscheidungen von hohem Wert.

Häufige Anwendungen

  • Eine Münze werfen, um Entscheidungen zu treffenVerwenden Sie einen fairen virtuellen Münzwurf, um schnelle, unvoreingenommene Entscheidungen zu treffen, wenn Sie zwischen zwei Optionen festsitzen.
  • Spinnrad für zufällige TeamzuweisungenVerwenden Sie das anpassbare Spinnrad, um Teammitglieder zufällig Aufgaben, Rollen oder Gruppen zuzuweisen.
  • Zufallsstudentenwähler für KlassenzimmerVerwenden Sie das Spinnrad oder die Optionswähler, um Schüler nach dem Zufallsprinzip anzurufen, Gruppen zuzuweisen oder Freiwillige auszuwählen.
  • Virtueller Münzwurf für SportWerfen Sie eine faire Münze, um Mannschaftsseiten, erste Ballbesitz, Aufschlagreihenfolge oder andere Sportentscheidungen zu bestimmen.
  • Zufallswähler für GewinnspieleWählen Sie einen zufälligen Gewinner aus einer Eintragliste mit der Optionswähler — transparent und fair.

So funktioniert es

Alle drei Modi – Münzwurf, Glücksrad und Optionswähler – nutzen die integrierte Web Crypto API des Browsers (crypto.getRandomValues), um das Ergebnis zu bestimmen, und steuern die Animation dann vollständig clientseitig mit CSS-Transforms und requestAnimationFrame. Zu keinem Zeitpunkt ist ein Server beteiligt.

  1. 1
    Web Crypto bestimmt den Gewinner
    Bevor eine Animation startet, füllt crypto.getRandomValues ein Uint32Array mit einer kryptografisch zufälligen 32-Bit-Ganzzahl. Eine Modulo-Operation bildet sie auf die Anzahl der Optionen ab (2 für Kopf/Zahl, N für Rad oder Wähler), sodass jedes Ergebnis exakt gleich wahrscheinlich ist.
  2. 2
    Der Drehwinkel wird so berechnet, dass er auf dem Ergebnis landet
    Bei der Münze berechnet der Code die kürzeste zusätzliche Drehung (zusätzlich zum aktuellen kumulierten Winkel), die mit der richtigen Seite nach oben endet – Kopf bei 0°, Zahl bei 180° – und fügt dann 5 volle Umdrehungen hinzu, damit es wie ein echter Wurf aussieht. Das Rad macht es genauso: Es findet den Winkelversatz, der das Gewinnersegment unter den Zeiger bringt, fügt 6 volle Umdrehungen hinzu und eine kleine zufällige Abweichung, damit der Zeiger nicht immer genau in der Segmentmitte stoppt.
  3. 3
    CSS-Transitions und requestAnimationFrame steuern die Animation
    Münze und Rad werden per CSS-Transform mit einer cubic-bezier-Easing-Kurve auf einen einzigen akkumulierten Drehwert animiert – sobald der Winkel gesetzt ist, ist kein JavaScript pro Bild nötig. Der Optionswähler nutzt stattdessen requestAnimationFrame: In jedem Bild bestimmt ein quadratisch wachsendes Intervall, ob die Markierung weiterrückt, was eine Spielautomaten-Verzögerung erzeugt, die immer beim vorab bestimmten Gewinner stoppt.
  4. 4
    Das Ergebnis wird angezeigt und im Sitzungsverlauf gespeichert
    Ein setTimeout feuert, wenn die Animation endet (1,3 s bei der Münze, 4,3 s beim Rad), und schreibt das Ergebnis in den State. Der Münzmodus führt einen Sitzungsverlauf von bis zu 24 Würfen mit Kopf-/Zahl-Zählung. Bei aktiviertem prefers-reduced-motion wird die Animation übersprungen und das Ergebnis sofort angezeigt.

Anleitung

Beispiel

Öffnen Sie die Seite auf dem Tab „Münzwurf“ und klicken Sie auf „Münze werfen“; auch ein Tippen auf die Münze funktioniert. Die Schaltfläche zeigt 1,3 Sekunden lang „Werfe…“, während sich die Münze dreht, dann erscheint „Kopf!“ oder „Zahl!“ mit einer Zeile wie „3 Kopf / 2 Zahl bei 5 Würfen“ und einer Reihe von K- und Z-Chips. Wechseln Sie zu „Rad drehen“, das mit Pizza, Sushi, Tacos und Burgern beginnt. Geben Sie Ramen bei „Option hinzufügen…“ ein und drücken Sie die Eingabetaste, um fünf Segmente zu je 72 Grad zu erhalten. Klicken Sie auf „Rad drehen“; nach 4,3 Sekunden bleibt der Zeiger stehen, und ein Feld zeigt „Gewinner“ und den Namen. „Gewinner entfernen und erneut drehen“ erscheint, solange mehr als zwei Optionen übrig sind. Klicken Sie in der „Optionsauswahl“ mit Ja, Nein und Vielleicht auf „Zufällige Option wählen“: Die Zeilen leuchten bis zu 1,6 Sekunden nacheinander auf, und das Feld „Ausgewählt“ zeigt die Antwort.

Welche Einstellungen zu verwenden sind, und die Grenzen

  • Tippen Sie auf die Münze oder die Schaltfläche und warten Sie, bis sie landet. „Münze werfen“ und die Münze selbst starten beide einen Wurf. Das Ergebnis wird vor Beginn der Animation mit dem sicheren Zufallsgenerator des Browsers gewählt, es ist also ein echtes 50/50, und die Drehung zeigt es nur. Weitere Tipper werden in den 1,3 Sekunden ignoriert, die es dauert. Die Chips unter der Münze listen Ihre letzten 24 Würfe, den neuesten zuerst, und die Zeile „Kopf / Zahl bei N Würfen“ zählt höchstens diese 24, meldet also nie mehr als 24 Würfe. Die Liste wird nur geführt, solange die Seite geöffnet ist.
  • Bauen Sie das Rad mit bis zu 24 Optionen. Geben Sie bei „Option hinzufügen…“ etwas ein und drücken Sie die Eingabetaste oder „+“. Jede Option wird auf 24 Zeichen gekürzt, und „+“ ist ausgegraut, wenn das Feld leer ist, das Rad dreht oder 24 Optionen erreicht sind. Das × neben einer Option entfernt sie. Es gibt keine Bearbeitung an Ort und Stelle, entfernen Sie also eine Option und fügen Sie sie erneut hinzu. „Rad drehen“ braucht mindestens zwei Optionen. Eine Beschriftung über 16 Zeichen wird auf ihrem Segment gekürzt, das Gewinnerfeld zeigt sie aber vollständig. Dieselbe Option zweimal hinzuzufügen, gibt ihr zwei Segmente und damit die doppelte Chance.
  • Nutzen Sie das Ausscheiden, um Namen in eine Reihenfolge zu bringen. Nach einer Drehung nimmt „Gewinner entfernen und erneut drehen“ den Gewinner vom Rad und dreht sofort den Rest. Es erscheint nur, solange mehr als zwei Optionen übrig sind, die letzte Drehung findet also zwischen zweien statt. Nutzen Sie es, um eine Reihenfolge auszulosen oder Auswahlen nacheinander auszuscheiden. „Vollbild“, wo der Browser es unterstützt, blendet die Optionsliste aus und behält das Rad, den Gewinner und die Dreh-Schaltfläche, was zu einem Klassenzimmer-Bildschirm passt. Während es dreht, können Sie keine Optionen hinzufügen oder entfernen.
  • Nutzen Sie die Optionsauswahl für eine einfache Liste. Jede Option hat ihre eigene Zeile. Die Eingabetaste fügt darunter eine Zeile hinzu, die Pfeiltasten nach oben und unten wechseln zwischen Zeilen, und die Rücktaste in einer leeren Zeile löscht sie; auch die Schaltfläche × entfernt eine Zeile, aber eine Zeile bleibt immer. Leere Zeilen werden ignoriert, und „Zufällige Option wählen“ ist ausgegraut, bis mindestens eine Zeile Text hat. Bei nur einer gefüllten Zeile antwortet es sofort, ohne Animation. Sie können mehr Zeilen hinzufügen als die 24 Optionen des Rads, ein geteilter Link behält aber nur die ersten 50.
  • Teilen Sie ein Rad oder eine Liste als Link. „Ergebnis teilen“ erscheint unter den Tabs „Rad drehen“ und „Optionsauswahl“. Sobald Sie eine Option geändert haben, trägt die Seitenadresse nach einem # beide Listen, und die Schaltfläche kopiert diesen Link oder öffnet auf einem Smartphone das Teilen-Menü. Browser senden den Teil nach dem # nicht an einen Server. Wird der Link geöffnet, wird jede Option auf 24 Zeichen gekürzt, das Rad behält 24 Optionen und die Auswahl 50, und Kommas innerhalb einer Option bleiben erhalten. Eine Adresse mit mehr als 1.800 Zeichen wird verworfen, was einen einfachen Link ohne Optionen ergibt.
  • Wissen Sie, was „fair“ hier bedeutet. Alle drei Modi verwenden den kryptografisch sicheren Zufallsgenerator des Browsers. Das Ergebnis wird zuerst gewählt, und die Animation wird so angelegt, dass sie darauf landet; der kleine Versatz, wo der Zeiger in einem Segment stehen bleibt, dient nur der Optik. Das ist für zwanglose Entscheidungen fair, aber die Seite selbst sagt, dass es keine überprüfbare öffentliche Ziehung ist. Vermeiden Sie also regulierte Gewinnspiele oder Entscheidungen von hohem Wert. Ist Ihr Gerät auf reduzierte Bewegung eingestellt, überspringen alle drei die Animation und zeigen das Ergebnis sofort.

Häufige Probleme und wie man sie behebt

Die Schaltfläche „Rad drehen“ ist ausgegraut.
Sie ist deaktiviert, solange sich das Rad dreht und wann immer weniger als zwei Optionen darauf sind. Fügen Sie bei „Option hinzufügen…“ eine weitere Option hinzu und drücken Sie die Eingabetaste. Die ×-Schaltflächen entfernen Optionen bis auf null, ein Rad kann also zu wenige haben.
Die Schaltfläche „+“ neben „Option hinzufügen…“ ist ausgegraut.
Sie ist deaktiviert, solange das Feld leer ist oder nur Leerzeichen enthält, solange sich das Rad dreht und wenn das Rad bereits 24 Optionen hat. Bei 24 entfernen Sie zuerst eine Option. Alles, was Sie über 24 Zeichen hinaus eingeben, wird beim Hinzufügen der Option abgeschnitten.
Ein geteilter Link öffnet sich auf dem Tab „Münzwurf“ oder hat Ihre Optionen verloren.
Ein nach dem Bearbeiten erstellter Link trägt sowohl die Radliste als auch die Auswahlliste. Sind beide vorhanden, lässt die Seite „Münzwurf“ ausgewählt, öffnen Sie also „Rad drehen“ oder „Optionsauswahl“, um Ihre Optionen zu finden. Überschreitet die Adresse 1.800 Zeichen, was bei nicht lateinischen Buchstaben schnell passiert, weil jeder kodiert etwa neun Zeichen braucht, liefert „Ergebnis teilen“ einen einfachen Link ohne Optionen. Optionen über 24 Zeichen werden gekürzt, und Listen werden auf 24 (Rad) oder 50 (Auswahl) beschnitten.
Lange Optionsnamen wirken auf dem Rad abgeschnitten.
Ein Segment zeigt von einer Beschriftung mit mehr als 16 Zeichen nur die ersten 15 Zeichen, gefolgt von „…“, und die Schrift wird kleiner, je länger die Beschriftungen werden. Das Gewinnerfeld zeigt den vollständigen Text. Verwenden Sie kürzere Namen, wenn das Rad aus der Ferne lesbar sein soll.
Die Münze oder das Rad zeigt ihr Ergebnis sofort, ohne Drehung.
Ihr Gerät oder Browser ist auf reduzierte Bewegung eingestellt, und die Seite respektiert das: Münze, Rad und Auswahl überspringen die Animation und zeigen das Ergebnis sofort. Das Ergebnis wird auf dieselbe Weise gewählt. Schalten Sie die Einstellung in den Bedienungshilfen Ihres Systems aus, wenn Sie die Animation zurückhaben möchten.

Wie es im Vergleich abschneidet

Eine echte Münze, ein Würfel oder Zettel sind Dinge, die jeder beobachten kann; diese Seite ist ein schneller Ersatz, wenn Sie nichts davon haben, mit einer Münze, einem Namensrad und einer Listenauswahl an einem Ort. Jede Option hat dieselbe Chance, die einzige Möglichkeit, eine Wahl zu gewichten, ist also, sie mehrfach hinzuzufügen. Es wirft eine Münze auf einmal und merkt sich 24 Würfe, solange die Seite offen bleibt. Rad- und Auswahllisten stehen in der Seitenadresse und überstehen so eine Aktualisierung. Die Seite erklärt, dass nichts Ihr Gerät verlässt. Sie liefert keinen Beweis, dass eine Ziehung fair war, da es weder ein öffentliches Protokoll noch einen Seed gibt, und eignet sich daher nicht für regulierte Gewinnspiele oder Preise. Es gibt keine Konten und keine Töne.

Ähnliche Tools

Häufige Fragen