Wheel Spinner

A spinning prize-wheel picker. Enter your options (one per line) in a textarea and click Spin to start a canvas-rendered wheel that rotates with simulated friction until it stops, at which point the option under the top pointer is declared the winner. The wheel uses a fixed palette of 10 segment colors and is rendered on a 400x400 HTML canvas.

1. Type your options into the Options textarea, one per line — blank lines are stripped; the default text loads six options (Option A through F). 2. Click Spin — the wheel begins rotating and the button shows a spinning state with an animated icon; you need at least two options to spin. 3. Wait for the wheel to come to rest (the spin decelerates over time via friction). 4. Read the winner in the highlighted card below the wheel; click Spin again for another independent roll.

Each spin starts with a random angular velocity between 0.2 and 0.35 radians per frame, then multiplies that velocity by 0.985 every frame to simulate friction, stopping when velocity drops below 0.001. The wheel is drawn rotated about its center with each segment as an arc of (2*PI / segmentCount); option labels longer than 12 characters are truncated with an ellipsis and placed at 65% of the radius. A red triangular pointer is fixed at the top, and the winner is computed by mapping the final normalized rotation back to the segment currently under that top pointer (angle 1.5*PI). Because the starting velocity is randomized, the outcome is unpredictable.