PRÄGEWERK / MÜNZPROTOKOLL
Das zweiseitige Münzprotokoll vor dem Wurf lesen
Dieses gravierte Ledger ordnet den aktuellen Münzwurf-Editor zu: fünf auswählbare Design-IDs, sichtbare Button- und Dragsteuerung, Ergebnisausdruck, Bewegungswerte, angezeigtes Protokoll, gespeicherte Werte, Ton- und Konfettipfade.
- 5 Design-IDs
- Buttonpfad flipCoin(1.5)
- 20 Einträge · Anzeige 10
Motivwahl / fünf gravierte IDs
Die Auswahl enthält genau fünf IDs: euro, dollar, chf, gbp und gold. Der Editor löst Namen und Seitenlabels aus seinen Designobjekten und der lokalisierten Namenszuordnung auf.
- euro
- dollar
- chf
- gbp
- gold
Die fünf IDs bezeichnen auswählbare Designs in dieser Oberfläche; dieses Protokoll weist ihnen keine weitere Eigenschaft zu.
Aktivierungsschiene / Button, Drag, Taste
Die sichtbare Button- oder Dragsteuerung verwenden. Der Button ruft flipCoin(1.5) auf. isFlipping verhindert während eines laufenden Pfads einen weiteren Wurf.
01 · BUTTON — Sichtbare Wurfsteuerung
Das Drücken der sichtbaren Steuerung ruft flipCoin(1.5) auf. Die Steuerung ist deaktiviert, solange isFlipping true ist.
02 · DRAG — Aufwärtsversatz und Loslassen
offset = max(dragStartY - clientY, 0), begrenzt auf 100px. Drag-Ende startet nur bei offset > 30 oder velocity > 2 mit max(offset / 30, velocity / 3).
03 · TASTE — Enter- oder Leertasten-Guard
Enter oder Space ruft flipCoin(1.5) nur auf, wenn das Eventziel nicht input, textarea, button, select oder [contenteditable=true] ist.
Bewegungsplatte / Ergebnis und Rotation
Der Editor leitet seine angezeigte Seite mit Math.random() > 0.5 ? heads : tails ab und nutzt requestAnimationFrame für Bewegungsupdates.
ERGEBNIS — Ausdruck der angezeigten Seite
Math.random() > 0.5 ? heads : tails. Die Endrotation ist heads = 0 und tails = 180.
UMDREHUNGEN — Bestandteile der Drehung
Für flipCoin(velocity=1) gilt baseFlips=4 und extraFlips=min(velocity*2,6). total rotation=(baseFlips+extraFlips)*360+end rotation.
ZEIT — Bewegungsdauer
duration=1500+velocity*500 ms. requestAnimationFrame aktualisiert Rotation, Bogen, Skalierung und Schatten im Pfad.
Wurfprotokoll / sichtbare Verlaufsgrenze
Nach dem Bewegungsende werden showResult, Confetti-State und FlipResult result/timestamp/coinType gesetzt; das Ergebnis kommt vorne in den Verlauf, total erhöht sich um 1 und ein Analytics-Event wird gesendet.
VERLAUF — Vorne einfügen, 20 behalten
Der Editor stellt FlipResult voran und behält höchstens 20 Verlaufseinträge.
SEITENANSICHT — 10 Einträge anzeigen
Die Seitenansicht nutzt history.slice(0,10). Bei nichtleerem Verlauf zeigt sie gerundete Kopf- und Zahl-Prozentwerte aus dem aktuellen Verlauf.
ANZEIGE — Nur angezeigtes Protokoll
Die Zähler und Prozentanzeige beschreiben den angezeigten Verlauf; diese Seite bewertet sie nicht statistisch oder als Wahrscheinlichkeit.
Ledger gespeicherter Werte / Laden und Löschen
Beim Mount liest der Editor coinFlipHistory, coinFlipTotalFlips, coinFlipSound und coinFlipSelectedCoin. Sein Effekt schreibt Verlauf einschließlich leerem Array, Total, Ton und ausgewählte Coin-ID.
LADEN — Akzeptierte Werte
Verlauf akzeptiert nur Objekte mit result heads oder tails und schneidet auf 20. Total wird nur bei finite und >= 0 akzeptiert; selectedCoin muss eine bekannte Design-ID sein.
PARSE — Pfad bei ungültigem JSON
Fehlt JSON-Parsing, werden coinFlipHistory und coinFlipTotalFlips entfernt. Ton und ausgewählte Münze werden danach bei vorhandenen Strings aufgelöst.
LÖSCHEN — Verlauf und Total zurücksetzen
Verlauf löschen setzt history auf [] und totalFlips auf 0; der Effekt schreibt diese neuen Werte anschließend unter den benannten Schlüsseln.
Umfangshinweise
- AudioContext wird bei einem Wurf versucht; ein unterstützter pausierter Context wird fortgesetzt und die sichtbare Tonsteuerung schaltet die Einstellung.
- Nach dem Endpfad startet der Confetti-State einen Canvas-Loop mit 150 Partikeln; sein Effekt räumt den Animation-Frame-Loop auf.
- Dieses Protokoll beschreibt Editorpfade und sichtbare Steuerungen, keine Bewertung eines Ergebnisses oder einer Anzeige.
- Für die Interaktion die sichtbare Button- und Dragsteuerung verwenden.
Mit benachbarten Tools fortfahren
Jedes verlinkte Tool besitzt eigene Steuerungen und einen eigenen Zustandspfad.
- Zufallsrad
Die Eintrags- und Radsteuerungsoberfläche öffnen.
- Sudoku
Die Rasterrätseloberfläche öffnen.
- Wort-Rätsel
Die wortbasierte Rätseloberfläche öffnen.
Fragen zum Münzprotokoll
Welche Motive sind auswählbar?
Die Auswahl hat die IDs euro, dollar, chf, gbp und gold. Sichtbare Namen und Seitenlabels löst der Editor aus seinen vorhandenen Design- und Lokalisierungszuordnungen auf.
Wie kann ein Wurf starten?
Der sichtbare Button ruft flipCoin(1.5) auf. Drag nutzt offset = max(dragStartY - clientY, 0), begrenzt auf 100px, und löst nur bei offset > 30 oder velocity > 2 aus. Enter oder Space folgen ihrem Ziel-Guard und rufen flipCoin(1.5) auf.
Welcher Ausdruck und welche Bewegungswerte werden genutzt?
Der Seitenausdruck ist Math.random() > 0.5 ? heads : tails. baseFlips=4, extraFlips=min(velocity*2,6), duration=1500+velocity*500 ms und total rotation=(baseFlips+extraFlips)*360+end rotation.
Was zeigt die Seitenansicht?
Der Verlauf behält 20 Einträge, die Seitenansicht nutzt history.slice(0,10) und nichtleerer Verlauf zeigt dafür gerundete Kopf- und Zahl-Prozentwerte.
Welche gespeicherten Werte werden gelesen und geschrieben?
Die benannten Werte sind coinFlipHistory, coinFlipTotalFlips, coinFlipSound und coinFlipSelectedCoin. Ungültiges JSON entfernt Verlauf und Total; Löschen setzt history auf [] und total auf 0, bevor der Effekt sie schreibt.
Was tun Ton- und Konfettipfade?
Ein Wurf versucht AudioContext und setzt einen unterstützten pausierten Context fort. Am Ende startet der Confetti-State einen 150-Partikel-Canvas-Loop, der seinen Animation-Frame-Loop aufräumt.
Münzsteuerungen öffnen
Ein sichtbares Motiv wählen, dann Button oder Dragsteuerung verwenden und das angezeigte Protokoll lesen.