General Productivity, Dates & MathUpdated: September 2026

Wheel of Names & Random Choice Picker | Canvas Decision Spinner

Spin the customizable wheel of names with realistic physics deceleration, synthesized audio clicks, raffle winner celebration, and instant slice management.

Research: LocalTooldeck Financial & Engineering Team
Audit: Verified for Mathematical Accuracy
Advertisement
Reserved 728×90 Top Responsive LeaderboardCLS Guard: Strict Layout Reservation (min-height: 250px)

100% In-Browser Canvas Physics & Web Audio

Deceleration equations, audio ticks, and roster items are processed strictly inside client memory. Zero student rosters, raffle names, or decision options are uploaded.

Advertisement
Reserved 728×90 Top Responsive LeaderboardCLS Guard: Strict Layout Reservation (min-height: 250px)
Presets:

Tip: Enter one item per line. As you type, the wheel recalculates equal mathematical slices in real time.

Advertisement
Reserved 336×280 In-Content RectangleCLS Guard: Strict Layout Reservation (min-height: 280px)

Physics Simulation & Angular Deceleration Mathematics

Realistic spinning wheel animations rely on rotational dynamics governed by Newton's Second Law of Rotational Motion: $\tau = I \alpha$, where $\tau$ represents the net frictional torque, $I$ is the moment of inertia, and $\alpha$ is angular acceleration. Rather than applying a linear velocity decrease that feels jarring and unnatural, our physics engine models viscous exponential damping:

ω(t) = ω_0 × e^(-μ t)

Here, $\omega_0$ is the initial angular velocity imparted by the spin impulse, and $\mu$ is the rotational friction coefficient. This creates the authentic physical suspense of rapid initial rotation followed by an asymptotic, suspenseful crawl toward the final resting slice.

Uniform Angular Partitioning Algorithm

For any list containing $N$ valid entries, the circle is partitioned into $N$ equal circular sectors of angle $\theta$:

θ = (2 π) / N  radians  =  360° / N

Because the top indicator needle sits at $3\pi / 2$ (270 degrees or straight top), the winner index is resolved mathematically by evaluating the inverted rotation angle modulo $2\pi$:

Index = ⌊ ((3π/2 - θfinal) mod 2π) / θ ⌋

Classroom Gamification & Fair Raffle Principles

Governance StandardCompliance MechanismEducational / Raffle Benefit
Equal ProbabilityExact $\theta = 360^\circ / N$ geometric slicingZero visual bias or unequal segment weightings
Cryptographic Entropycrypto.getRandomValues() impulse seedEliminates predictable PRNG cycle exploits
Zero Roster LeakageClient-side heap memory confinementFERPA & COPPA privacy compliance for students
Advertisement
Reserved Responsive Bottom PlacementCLS Guard: Strict Layout Reservation (min-height: 250px)
Advertisement
Reserved 336×280 In-Content RectangleCLS Guard: Strict Layout Reservation (min-height: 280px)

Frequently Asked Questions (US Standards)

How is randomness guaranteed in the wheel spin simulation?
The initial spin impulse and deceleration damping parameters incorporate cryptographic entropy drawn directly from window.crypto.getRandomValues(). Unlike standard pseudo-random functions (Math.random()) which rely on linear congruential or Mersenne Twister formulas, CSPRNG guarantees unpredictable velocity impulses and stop angles.
Can I remove a winner after they have been selected?
Yes. When the wheel concludes its rotation and declares a winner, a celebration modal offers two choices: "Remove Winner" (which automatically removes the name from the active pool and recalculates slice angles for subsequent rounds) or "Keep on Wheel".
What is the maximum number of names the wheel can hold?
The wheel dynamically calculates radial geometry and text scaling for up to 100 participants. For optimal legibility on standard displays, between 4 and 40 names is recommended.
Does this wheel upload student rosters or attendee lists?
No. The entire simulation—from canvas rendering to sound synthesis and name list state—runs 100% locally in your browser memory. No attendee rosters or raffle entries ever leave your computer.
Advertisement
Reserved Responsive Bottom PlacementCLS Guard: Strict Layout Reservation (min-height: 250px)
Advertisement
Reserved 320×100 Mobile Anchor