Lykkehjul
Skriv inn alternativene dine, snurr hjulet
Skriv inn minst to alternativer, ett per linje, og snurr hjulet. Oppføringen under pilen vinner. Hvis hele teksten har bare én ikke-tom linje, deles den ved komma.
Ingenting lastes opp. Oppføringene dine lever i nettleserfanen og forsvinner når du lukker den.
Vinneren velges før hjulet beveger seg
Hjulet velger først en vinnende sektor ved hjelp av crypto.getRandomValues(). Deretter beregnes sluttvinkelen og animasjonen dreier hjulet dit. Animasjonens lengde og enhetens bildefrekvens bestemmer ikke vinneren. Animasjonen er likevel ikke et bevis på upartiskhet.
Hver bit har derfor nøyaktig samme sjanse, uansett hvor mange biter det er, hvor lange etikettene deres er, eller hvilken enhet du bruker.
Fjern vinneren, eller fortsett å snurre hele hjulet
Med Fjern vinneren etter hvert spinn på, tar hver snurring den vinnende oppføringen bort fra hjulet. Snurr gjentatte ganger, og du får en rekkefølge: først, andre, tredje. Bra for å trekke flere premier, eller for å bestemme presentasjonsrekkefølge foran et publikum. Når bare én oppføring står igjen, kan du ikke snurre videre; siste plass tilfaller denne.
Med den av forblir hjulet helt, og samme alternativ kan vinne to ganger — som er det du vil ha for «hvor spiser vi i kveld».
Å vekte hjulet ved å gjenta en oppføring
Hjulet gir hver bit samme sjanse, så måten å favorisere et alternativ på er å gi det flere biter. To forekomster har dobbelt så stor samlet sjanse som én forekomst av et annet alternativ i det samme hjulet. Å legge til en kopi endrer også totalt antall sektorer: i eksemplet øker pizza fra 1/3 til 2/4, ikke til 2/3.
| Oppføringer | Biter | Sjanse for pizza |
|---|---|---|
| Pizza, Sushi, Tacos | 3 | 33 % |
| Pizza, Pizza, Sushi, Tacos | 4 | 50 % |
| Pizza ×3, Sushi, Tacos | 5 | 60 % |
Dupliserte etiketter vises på hjulet mer enn én gang, noe som er ærlig — hvem som helst som ser på, kan telle bitene og se vektingen i stedet for å ta ditt ord for det. Med fjerning av vinneren aktivert fjernes bare én forekomst. Samme tekst kan derfor vinne igjen.
For tall med eksplisitte vekter bruker du tallgeneratoren, som godtar tall:vekt-par.
Hvor mange biter forblir lesbare
Bitene krymper etter hvert som oppføringer legges til, og etikettene tegnes langs radien, så det finnes et praktisk tak godt under enhver teknisk grense.
- Opptil 12 — komfortabelt, etikettene leses med et blikk
- 12 til 20 — lesbart, men lange navn begynner å trenges
- 20 til 30 — brukbart kun for korte etiketter
- Over 30 — korte etiketter kan fortsatt vises, men de blir vanskeligere å lese mens hjulet snurrer
Etiketter lengre enn 18 tegn trimmes med ellipser slik at de holder seg innenfor biten sin. Hvis listen din er lang nok til at hjulet er ulesbart, er navnetrekkeren et alternativ uten grafisk hjul.
Tilgjengelighet og bevegelse
Hjulet respekterer prefers-reduced-motion. Hvis systemet ditt ber om redusert
bevegelse, hoppes snurreanimasjonen over, og vinneren vises umiddelbart.
Resultatet er identisk uansett, fordi trekningen aldri var avhengig av
animasjonen.
Vinneren annonseres også i en live-region, slik at skjermlesere leser den opp uten at brukeren må lete etter den.
Hvor et valghjul brukes
- Å bestemme — lunsj, film, hvilken husholdningsoppgave
- Livestrømmer og klasserom — snurringen er poenget; folk ser på den
- Premietrekninger - velg fra en liste etter regler deltakerne kjenner
- Isbrytere — hvem svarer på neste spørsmål