Beslissingswiel-spinner

Wat doet deze tool

Draait een eerlijk, willekeurig wiel over elke lijst opties die je intypt — de digitale versie van een naam uit een hoed trekken. Handig om te kiezen wat je gaat eten, teams samen te stellen, een eerlijke loterij te houden, te beslissen wie de volgende koffie haalt, of elke "Ik weet het niet, kies jij maar"-impasse te doorbreken. Elke optie wordt een kleurrijk taartpunt op het wiel; de wijzer bovenaan landt op het stuk waarin je draait. De willekeur komt van crypto.getRandomValues() met een kleine afwijking per taartpunt zodat het resultaat zelfs bij twee opties levendig aanvoelt. Zodra een winnaar is gekozen, kun je hem verwijderen en opnieuw draaien — handig voor loterijen of drafts. Het huidige wiel is te delen als URL-hash; ontvangers openen de link en zien dezelfde opties zonder login of synchronisatie.

Hoe gebruik je het

Type je opties in het tekstvak — één per regel. Het wiel rendert live mee terwijl je typt, met tot een dozijn verschillende kleuren die over de taartpunten rouleren. Klik op Draai het wiel; het wiel draait een paar volle slagen plus een willekeurige eindafwijking, en dan onthult de wijzer bovenaan de winnaar. Gebruik Winnaar verwijderen om de gekozen optie weg te halen (handig voor loterijen waar elke naam maar één keer mag winnen). Schudden zet de taartpunten in een willekeurige volgorde — handig als je een andere visuele indeling wilt. Kopieer deellink serialiseert de huidige opties in een URL-hash zodat iedereen die de link opent hetzelfde wiel ziet.

Hoe de spin werkt

Elke optie beslaat 360° / N van het wiel. Om te draaien trekken we een willekeurig 32-bit geheel getal met crypto.getRandomValues(), nemen modulo N om het winnende taartpunt te kiezen, en voegen daar een kleine afwijking binnen het taartpunt aan toe zodat de wijzer ergens geloofwaardig in het stuk landt in plaats van altijd dood in het midden. Het wiel draait 5 tot 7 volledige slagen bovenop de eindhoek, met een CSS cubic-bezier-easing die over 3,6 seconden afremt — lang genoeg om als een echt wiel aan te voelen, kort genoeg dat je je niet gaat vervelen. Deellinks serialiseren de optielijst als base64-url-gecodeerde JSON in een #wheel=-hash. Hashdata bereikt nooit de server; de URL is een zelfvoorzienende payload.

Waar mensen het voor gebruiken

Een paar veelvoorkomende gevallen — maar eigenlijk werkt alles wat je in een tekstvak kunt opsommen.

Toepassing	Voorbeeldopties
Restaurant kiezen	Pizza, sushi, burgers, Thais, Indiaas
Kantoorloterij	Namen van teamleden — verwijder elke winnaar
Klassikale kiezer	Leerlingnamen voor wie als volgende antwoordt
Spelkeuze	Mario Kart, Smash, Catan, Codenames

Veelgestelde vragen

Is de draai echt willekeurig?

Ja. Het winnende taartpunt wordt gekozen met crypto.getRandomValues(), een CSPRNG — elke optie heeft gelijke kansen. De visuele rotatie is gewoon animatie bovenop een al bepaald resultaat.

Kan ik mijn wiel delen?

Ja. Klik op Kopieer deellink en de huidige opties worden geserialiseerd in de URL-hash. Stuur de link naar wie je maar wilt — ze zien exact hetzelfde wiel zonder in te loggen.

Kan ik er een loterij mee organiseren?

Ja — daar is Winnaar verwijderen voor. Draaien, de winnaar wordt gemarkeerd, klik verwijderen, draai opnieuw. Elke naam wint maar één keer.

Hoeveel opties kan het wiel aan?

Visueel blijft het rond 30-40 leesbaar. Daarboven worden de labels van de taartpunten ingekort. De willekeur kan moeiteloos duizenden aan, maar het wiel wordt dan een kleurenwaas.

Uploadt de deellink mijn lijst?

Nee. URL-hashdata (alles na de #) wordt door browsers nooit naar de server gestuurd. De browser van de ontvanger decodeert de lijst lokaal.

Waarom rendert schudden het wiel opnieuw?

Schudden zet de volgorde van de taartpunten op het wiel in een willekeurige volgorde — handig als je een andere visuele indeling wilt voordat je draait, of als de vorige volgorde visueel gegroepeerd aanvoelde (bijvoorbeeld alle blauwe taartpunten aan één kant).

Beslissingswiel-spinner