🪙 Münzwurf Zufallsgenerator
3D‑Flip • Serienwürfe • Verlauf • Statistik • Fairness‑Check
Erklärung (kurz, aber nützlich)
Dieser Münzwurf‑Generator ist so gebaut, dass du ihn ohne Elementor Pro, ohne zusätzliche Plugins und ohne externe Abhängigkeiten nutzen kannst. Du kopierst den kompletten Block in ein Elementor‑HTML‑Widget und bekommst sofort eine interaktive „Coin‑Flip“-Box mit 3D‑Animation, Statistik und Verlauf. Der Mehrwert: Du kannst nicht nur einmal „Kopf oder Zahl“ ziehen, sondern auch Serienwürfe (z. B. 10 oder 100), wodurch sich Entscheidungen wie „Best of 3“, „Wer beginnt?“ oder kleine Spiele (z. B. Kopf = Team A, Zahl = Team B) sauber abbilden lassen. Zusätzlich speichert der Generator die Gesamtstatistik lokal im Browser (LocalStorage). Das heißt: Wenn du die Seite neu lädst, bleiben Kopf/Zahl‑Zähler und der beste Streak erhalten – solange du nicht auf „Reset“ klickst oder deinen Browser‑Speicher löschst.
Für die Zufallsquelle nutzt der Code – wenn verfügbar – crypto.getRandomValues, also einen kryptografisch stärkeren Zufall aus dem Browser. Falls ein sehr alter Browser das nicht unterstützt, gibt es einen Fallback auf Math.random. Der Generator zeigt dir transparent an, welche Quelle genutzt wurde, und schreibt einen Zeitstempel zum letzten Wurf. Die Balken in der Statistik visualisieren die Verteilung, damit du auf einen Blick siehst, ob du gerade eine Kopf‑ oder Zahl‑Phase hast. „Streak“ bedeutet: Wie oft kam dasselbe Ergebnis in Folge (aktuell) und was war die längste Serie.
Design‑Hinweis: Alles ist im Container #coinflip-pro gekapselt, damit es dein WordPress‑Theme
nicht „kaputt styled“ und umgekehrt. Die Animation respektiert außerdem prefers-reduced-motion:
Nutzer, die reduzierte Bewegung bevorzugen, bekommen einen sanfteren/sofortigen Ablauf. Wenn du das Layout
anpassen willst, ändere oben in den CSS‑Variablen z. B. Größe, Schatten oder Schrift. Du kannst den Text
„KOPF/ZAHL“ auch in „JA/NEIN“ oder „TEAM A/TEAM B“ umbenennen, ohne den Zufall zu verändern.
FAQ
Ist das wirklich „zufällig“ und fair?
Ja, soweit es im Browser sinnvoll möglich ist. Standardmäßig wird crypto.getRandomValues genutzt, was für Zufallszahlen im Web als sehr zuverlässig gilt. Der Generator entscheidet pro Wurf nur zwischen zwei Ausgängen (0/1). Kleine Serien (z. B. fünfmal Kopf) wirken manchmal „unfair“, sind aber mathematisch normal. Erst bei vielen Würfen nähert sich die Verteilung typischerweise 50/50 an.
Warum bleibt meine Statistik nach dem Neuladen erhalten?
Weil die Werte lokal im Browser gespeichert werden (LocalStorage). Das ist praktisch, wenn Besucher später zurückkommen oder du selbst die Seite öfter nutzt. Es werden keine Daten an Server geschickt. Mit „Reset“ löschst du alles sofort. Wenn du gar keine Speicherung willst, kannst du die LocalStorage‑Zeilen im JavaScript entfernen – die Anzeige funktioniert dann trotzdem.
Kann ich mehrere Generatoren auf einer Seite einfügen?
Ja, aber dann solltest du die ID coinflip-pro pro Instanz ändern (z. B. coinflip-pro-2)
und im CSS/JS ebenfalls anpassen, sonst greifen die Elemente ineinander. Für eine einzelne, starke Box ist
die aktuelle Version ideal. Wenn du willst, kann ich dir auch eine Multi‑Instance‑Version machen.
Wie funktioniert „Serienwurf“ (z. B. 100 Würfe)?
Der Generator erzeugt intern N unabhängige Würfe, zählt Kopf/Zahl für diese Serie und aktualisiert danach die Gesamtstatistik. Die große Münze zeigt als „Show‑Effekt“ das Ergebnis des letzten Wurfs der Serie. So bekommst du Geschwindigkeit (auch bei 500 Würfen) und trotzdem eine hübsche Animation.
Warum gibt es einen Sound‑Schalter?
Manche Nutzer mögen ein kleines „Klick/Pling“ als Feedback. Der Sound wird hier ohne Audiodateien erzeugt (WebAudio‑Beep). Er ist standardmäßig aus, damit die Seite leise bleibt und mobil nicht nervt. Wenn du statt Beep ein echtes Münz‑Soundfile willst, kann man das später ergänzen.
Weitere Rechner & Tools
Passende Tools zum Thema – schnell wechseln, ohne zu suchen.