Roue de décision

Ce que fait cet outil

Lance une roue équitable et aléatoire sur n'importe quelle liste d'options que vous tapez — la version numérique du tirage au chapeau. Utile pour choisir quoi manger, faire des équipes, organiser un tirage équitable, décider qui doit faire le prochain café, ou trancher tout blocage du type « je sais pas, choisis toi ». Chaque option devient une part colorée de la roue ; la flèche en haut indique la part choisie. L'aléatoire vient de crypto.getRandomValues() avec un jitter par part pour que le résultat paraisse vivant même avec deux options. Une fois un gagnant choisi, vous pouvez le retirer et relancer — pratique pour des tirages ou des tirages d'équipes. La roue actuelle peut se partager via un hash d'URL ; les destinataires ouvrent le lien et voient les mêmes options sans login ni synchro.

Comment l'utiliser

Tapez vos options dans la zone — une par ligne. La roue se rend en direct pendant la saisie, avec jusqu'à une douzaine de couleurs distinctes qui tournent. Cliquez sur Lancer la roue ; la roue tourne plusieurs tours plus un décalage d'arrivée aléatoire, puis la flèche en haut révèle le gagnant. Utilisez Retirer le gagnant pour ôter l'option choisie (idéal pour des tirages où chaque nom ne gagne qu'une fois). Mélanger rend l'ordre des parts aléatoire — utile pour une autre disposition visuelle. Copier le lien de partage sérialise la liste d'options dans un hash d'URL pour que tous les destinataires voient la même roue.

Comment le tirage marche

Chaque option occupe 360° / N de la roue. Pour tirer, on tire un entier aléatoire 32 bits avec crypto.getRandomValues(), on le prend modulo N pour choisir la part gagnante, puis on ajoute un petit jitter à l'intérieur de la part pour que la flèche atterrisse à un endroit crédible plutôt que toujours en plein centre. La roue tourne 5 à 7 tours complets en plus de l'angle d'arrivée, avec une courbe d'easing CSS cubic-bezier qui décélère sur 3,6 secondes — assez long pour ressembler à une vraie roue, assez court pour ne pas s'ennuyer. Les liens de partage sérialisent la liste d'options en JSON encodé en base64-url dans un hash #wheel=. Les données du hash n'arrivent jamais sur le serveur ; l'URL est un payload autonome.

À quoi les gens s'en servent

Quelques cas courants — mais en réalité tout ce que vous pouvez lister dans une zone de texte fonctionne.

Cas d'usage	Exemples d'options
Choisir un restaurant	Pizza, sushi, burgers, thaï, indien
Tirage de bureau	Noms de l'équipe — retirez chaque gagnant
Sélecteur en classe	Noms d'élèves pour la prochaine question
Choix de jeu	Mario Kart, Smash, Catan, Codenames

Questions fréquentes

Le tirage est-il vraiment aléatoire ?

Oui. La part gagnante est choisie avec crypto.getRandomValues(), qui est un CSPRNG — chaque option a la même probabilité. La rotation visuelle n'est qu'une animation par-dessus un résultat déjà décidé.

Puis-je partager ma roue ?

Oui. Cliquez sur Copier le lien de partage et les options actuelles sont sérialisées dans le hash de l'URL. Envoyez le lien à n'importe qui — les destinataires verront exactement la même roue sans login.

Puis-je organiser un tirage ?

Oui — c'est à ça que sert Retirer le gagnant. Lancez, le gagnant est mis en évidence, cliquez sur retirer, puis relancez. Chaque nom ne gagne qu'une fois.

Combien d'options la roue gère-t-elle ?

Visuellement, autour de 30 à 40 reste lisible. Au-delà, les libellés sont tronqués. L'aléa gère des milliers sans souci, mais la roue devient un brouillard de couleurs.

Le lien de partage envoie-t-il ma liste ?

Non. Les données de hash d'URL (tout ce qui suit le #) ne sont jamais envoyées au serveur par les navigateurs. Le navigateur du destinataire décode la liste localement.

Pourquoi mélanger redessine-t-il la roue ?

Mélanger rend l'ordre des parts aléatoire sur la roue — utile pour une autre disposition visuelle avant de lancer, ou si l'ordre précédent paraissait visuellement groupé (toutes les parts bleues d'un côté, par exemple).

Roue de décision