Roue aléatoire de noms et d’options

Ce que vous pouvez faire ici

• Créer un secteur de même taille pour chaque ligne non vide.
• Afficher des noms, sujets, tâches ou autres options textuelles.
• Choisir le secteur avec Web Crypto avant de lancer l’animation.
• Mettre en évidence le gagnant et afficher le même résultat en texte.
• Copier le résultat sans transmettre les options à FunnyTools.

Réponse rapide : créer et faire tourner une roue aléatoire

Remplacez l’exemple par une option par ligne, puis cliquez sur « Faire tourner la roue ». Attendez la fin de l’animation : le secteur gagnant est mis en évidence et son texte apparaît sous le cercle. Le bouton de copie reprend ce résultat final.

Chaque ligne non vide crée un secteur de même taille. Pour quatre options différentes, chacune représente donc un quart de la roue. Vérifiez les doublons avant de lancer : répéter un texte lui attribue plusieurs secteurs et augmente sa probabilité.

Une option par ligne, un secteur par option

Les retours à la ligne définissent les secteurs. Les lignes vides sont ignorées et les espaces extérieurs retirés. Une virgule ne crée pas deux choix : « rouge, bleu » sur une seule ligne reste une seule option. Placez « rouge » et « bleu » sur deux lignes si elles doivent avoir des chances séparées.

La roue accepte autant de lignes que le navigateur peut dessiner, mais une grande quantité rend les textes minuscules et les secteurs difficiles à distinguer. Pour des dizaines ou centaines de candidats, le tirage de noms textuel est généralement plus lisible et plus facile à vérifier.

Chances égales et doublons qui créent des poids

Avec `N` lignes, chaque position possède une probabilité de `1/N`. Deux lignes identiques correspondent à deux positions : le même texte reçoit alors `2/N`. Cette pondération entière peut être volontaire, mais elle doit être annoncée et visible dans la liste.

La page ne propose pas de champ « 35 % » ou « poids 1,5 ». Répéter des lignes permet seulement des rapports entiers et encombre le dessin. Pour une pondération précise ou des contraintes conditionnelles, utilisez un outil qui affiche, valide et additionne explicitement les probabilités.

Le gagnant est choisi avant l’animation

Au clic, le moteur choisit d’abord l’indice gagnant avec Web Crypto. Il calcule ensuite une rotation d’au moins cinq tours qui place le centre de ce secteur sous le pointeur. L’accélération visuelle ralentit avec une fonction d’animation ; elle ne modifie pas l’indice.

La durée, le nombre d’images par seconde et la vitesse de l’appareil ne déterminent donc pas le gagnant. L’animation rend le processus facile à suivre devant un groupe, mais ne constitue pas un enregistrement du tirage. Le texte final est la référence accessible.

Web Crypto et rejet du biais de modulo

La roue demande un entier de 32 bits à `crypto.getRandomValues`. Pour éviter qu’un reste de division favorise les premiers secteurs, elle rejette les valeurs situées au-delà du plus grand multiple exact du nombre de secteurs. Chaque indice dispose ainsi du même nombre de valeurs sources.

Si la source aléatoire sûre n’est pas disponible, la roue affiche une erreur et ne tourne pas vers un faux résultat. La spécification W3C demande aux navigateurs une source pseudo-aléatoire cryptographiquement forte, mais ne transforme pas l’interface en mécanisme d’audit ou de certification.

Pourquoi le pointeur et le texte final doivent correspondre

La rotation cible le centre géométrique du secteur choisi, puis ce secteur est coloré différemment à la fin. Le texte sous la roue reprend directement la même entrée. Cette redondance permet de vérifier le résultat même si une étiquette est tronquée sur le canvas.

Sur le cercle, seules les dix-huit premières unités de texte sont dessinées afin de préserver la lisibilité. Deux options commençant de façon identique peuvent donc sembler égales visuellement. Donnez-leur un préfixe distinct ou fiez-vous au résultat textuel complet.

Faire une roue des prénoms en classe

Une roue de prénoms peut choisir un ordre, une question ou un rôle de manière visible. Utilisez uniquement les élèves présents et préférez un prénom, un code ou un pseudonyme suffisant. Ne collez pas d’information sensible sur un écran projeté.

Le hasard n’est pas toujours la bonne règle pédagogique. Une adaptation, un volontariat ou une rotation planifiée peut être nécessaire. Expliquez ce qui se passe si la personne tirée est absente, a déjà participé ou ne peut pas accomplir la tâche.

Sujets, tâches, repas et décisions quotidiennes

Les secteurs peuvent contenir autre chose que des noms : sujets d’exposé, tâches ménagères, activités, menus ou destinations. La roue aide surtout lorsque toutes les options sont acceptables et que le groupe veut visualiser une décision aléatoire.

Retirez avant le tirage les choix impossibles, dangereux, trop coûteux ou incompatibles avec une contrainte. Le hasard ne vérifie pas le budget, les allergies, la disponibilité, la météo ou le consentement. Il départage des options déjà validées.

Le gagnant reste présent au tour suivant

La roue ne supprime aucune ligne automatiquement. Après un résultat, un nouveau clic repart de la même liste et le gagnant peut ressortir. Pour un tirage sans remplacement, retirez manuellement la ligne avant le tour suivant ou utilisez le sélecteur de noms avec retrait automatique.

Annoncez la règle avant le premier tour. Conserver le gagnant correspond à des manches indépendantes ; le retirer distribue les chances entre les options restantes. Ces deux scénarios sont valables, mais ils ne répondent pas au même objectif.

Une seule option, liste vide et erreurs visibles

Avec une seule ligne, il n’existe aucune incertitude : cette option est affichée comme résultat et un message le signale. Avec une liste vide, la roue reste dans son état d’attente et demande au moins une option. Aucun pseudo-tirage n’est fabriqué.

Si Web Crypto échoue, le résultat précédent n’est pas présenté comme nouveau gagnant. Corrigez l’environnement ou changez de navigateur. Le bouton de réinitialisation restaure les quatre options d’exemple, ce qui permet de vérifier rapidement le dessin avant de saisir la vraie liste.

Roue de la chance, concours et obligations externes

L’expression « roue de la chance » peut désigner une animation commerciale avec lots, probabilités, règlement et collecte de contacts. Cette page ne gère ni inscription, ni stock de lots, ni probabilité cumulative, ni limitation par personne, ni consentement marketing.

Pour un concours public, vérifiez la réglementation applicable, le règlement annoncé, l’éligibilité et les preuves à conserver. Une animation locale sans historique ne suffit pas lorsqu’un résultat doit être contrôlé par un tiers ou contesté.

Protection des noms affichés et principe de minimisation

La liste ne quitte pas le navigateur, mais elle est visible à l’écran et peut apparaître dans une capture ou un partage de réunion. La CNIL recommande de limiter les données à ce qui est nécessaire. Un code court ou un prénom peut suffire là où un nom complet et une adresse seraient excessifs.

Après le tirage, remplacez ou réinitialisez la liste si l’appareil est partagé. Le presse-papiers conserve potentiellement le résultat au-delà de la page. La confidentialité locale réduit la transmission à FunnyTools ; elle ne neutralise pas les autres logiciels et personnes ayant accès au terminal.

Accessibilité et alternatives au canvas

Le cercle est un canvas avec une étiquette accessible, mais l’information essentielle est répétée dans la zone de résultat en texte. Les erreurs sont annoncées dans une région dédiée. Un utilisateur qui ne distingue pas les couleurs peut donc lire le gagnant sans identifier le secteur surligné.

Pour une réunion, annoncez aussi oralement le résultat et évitez de dépendre du son ou de la couleur seule. Les libellés courts améliorent la lecture mobile. Si toutes les options doivent être consultables avec les technologies d’assistance, gardez la liste dans la zone de texte plutôt que dans l’image uniquement.

Mobile, projection et libellés lisibles

Le canvas conserve un rapport carré et réduit sa largeur sur petit écran. Les secteurs restent proportionnels, mais un texte long est tronqué dans le dessin. Utilisez des libellés distinctifs de quelques mots, puis lisez le résultat complet sous la roue.

Sur vidéoprojecteur, augmentez le zoom du navigateur si nécessaire et vérifiez le contraste avant l’activité. Une roue à huit secteurs reste généralement plus lisible qu’une roue à quarante. Pour une grande liste, préférez une sortie textuelle ou divisez le processus en étapes clairement annoncées.

Erreurs courantes avec une roue aléatoire

Les erreurs fréquentes sont les lignes dupliquées sans intention, plusieurs choix sur une même ligne, des options quasi identiques, un gagnant laissé par oubli au tour suivant et une relance jusqu’à obtenir une sortie préférée. Le widget ne peut pas deviner la règle métier.

Une autre erreur consiste à croire que le secteur qui passe lentement sous le pointeur avait plus de chances. Le gagnant était déjà fixé avant l’animation. Ne jugez pas la qualité du hasard à la trajectoire visuelle ; vérifiez la liste, les secteurs et la règle de reprise.

Quand préférer le tirage de noms ou de nombres

La roue convient à un petit nombre d’options lorsque la visualisation participe à l’activité. Le tirage de noms est plus rapide pour sélectionner plusieurs personnes, retirer automatiquement les gagnants et lire de longues entrées. Le générateur de nombres convient à des tickets ou positions numériques.

Aucun de ces formats ne rend le résultat officiel. Choisissez l’interface qui réduit les erreurs de saisie et rend la règle compréhensible, puis ajoutez la documentation externe nécessaire selon l’enjeu.

Checklist avant de faire tourner la roue

Placez exactement une option par ligne, retirez les lignes vides inutiles, recherchez les doublons et raccourcissez les libellés ambigus. Confirmez que toutes les options sont réellement admissibles et que chaque secteur doit avoir le même poids.

Décidez si le gagnant participera au tour suivant et comment gérer une impossibilité. Après la rotation, lisez le texte final, copiez-le si nécessaire et ne relancez pas sans appliquer la règle annoncée. Pour un enjeu important, utilisez un dispositif qui conserve les preuves requises.

Mode d’emploi étape par étape

1. Saisissez une option courte par ligne dans la zone de texte.
2. Vérifiez que les doublons et donc les poids supplémentaires sont intentionnels.
3. Décidez avant le clic si le gagnant restera dans les tours suivants.
4. Faites tourner la roue et attendez la fin complète de l’animation.
5. Lisez le résultat textuel sous le cercle et copiez-le si une trace est utile.

Dans quelles situations cet outil est utile

• [object Object]
• [object Object]
• [object Object]
• [object Object]

Exemples détaillés

Limites et vérifications importantes

• Chaque ligne non vide crée exactement un secteur.
• Les doublons augmentent le poids du même texte.
• Le gagnant est choisi avant l’animation avec Web Crypto.
• Le résultat n’est pas retiré automatiquement.
• La page ne conserve ni historique, ni seed, ni preuve de tirage.

Sources et documentation à consulter

• W3C — Web Cryptography Level 2 Définition normative de la source aléatoire utilisée avant l’animation.
• MDN en français — Crypto.getRandomValues Documentation française de l’API et de ses garanties.
• CNIL — Minimiser les données collectées Réduire les noms et autres données affichées au strict nécessaire.

Questions fréquentes