Hjul-spinner

En roterende præmiehjul-vælger. Indtast dine valgmuligheder (én pr. linje) i et tekstområde, og klik på Spin for at starte et hjul renderet på canvas, der roterer med simuleret friktion, indtil det stopper, hvorefter den valgmulighed, der er under den øverste viser, erklæres som vinder. Hjulet bruger en fast palet med 10 segmentfarver og renderes på et 400x400 HTML-canvas.

1. Skriv dine valgmuligheder i tekstområdet Options, én pr. linje — tomme linjer fjernes; standardteksten indlæser seks valgmuligheder (Option A til F). 2. Klik på Spin — hjulet begynder at rotere, og knappen viser en roterende tilstand med et animeret ikon; du skal have mindst to valgmuligheder for at dreje. 3. Vent på, at hjulet kommer til hvile (rotationen bremses over tid via friktion). 4. Læs vinderen i det fremhævede kort under hjulet; klik på Spin igen for endnu en uafhængig runde.

Hver rotation starter med en tilfældig vinkelhastighed mellem 0.2 og 0.35 radianer pr. frame, og ganger derefter denne hastighed med 0.985 hver frame for at simulere friktion, indtil hastigheden falder under 0.001. Hjulet tegnes roteret om sit centrum med hvert segment som en bue på (2*PI / segmentCount); etiketter for valgmuligheder på mere end 12 tegn afkortes med en ellipse og placeres ved 65% af radius. En rød trekantet viser er fastgjort i toppen, og vinderen beregnes ved at afbilde den endelige normaliserede rotation tilbage til det segment, der aktuelt er under den øverste viser (vinkel 1.5*PI). Da starthastigheden er tilfældig, er udfaldet uforudsigeligt.