Hjul-snurrare

En snurrande pris-hjul-väljare. Ange dina alternativ (ett per rad) i en textruta och klicka Spinna för att starta ett hjul som renderas på canvas och roterar med simulerad friktion tills det stannar, varefter alternativet under den översta pekaren deklareras som vinnare. Hjulet använder en fast palett av 10 segmentfärger och renderas på en 400x400 HTML-canvas.

1. Skriv dina alternativ i Alternativ-textrutan, ett per rad — tomma rader tas bort; standardtexten laddar sex alternativ (Alternativ A till F). 2. Klicka Spinna — hjulet börjar rotera och knappen visar ett spinnande tillstånd med en animerad ikon; du behöver minst två alternativ för att spinna. 3. Vänta tills hjulet kommer till vila (spinnheten decelererar över tid genom friktion). 4. Läs vinnaren i det markerade kortet under hjulet; klicka Spinna igen för ytterligare en oberoende runda.

Varje spinn startar med en slumpmässig vinkelhastighet mellan 0,2 och 0,35 radianer per bildruta, multiplicerar sedan den hastigheten med 0,985 varje bildruta för att simulera friktion och stannar när hastigheten sjunker under 0,001. Hjulet ritas roterat runt sitt centrum med varje segment som en båge av (2*PI / segmentCount); alternativetiketter längre än 12 tecken trunkeras med ellips och placeras vid 65% av radien. En röd trekantpekare är fixerad högst upp och vinnaren beräknas genom att mappa den slutliga normaliserade rotationen tillbaka till segmentet för närvarande under den översta pekaren (vinkel 1,5*PI). Eftersom starthastigheten randomiseras är resultatet oförutsägbart.