Lancer de roue en ligne
Roue de la chance en ligne : ajoutez des options, tournez la roue avec une animation fluide, retirez les segments ou relancez. Partagez la configuration par lien.
Soutenez le projet
J’ai choisi de limiter les publicités pour garder l’expérience simple et agréable. Si cet outil vous a été utile, vous pouvez m’aider à le faire vivre — chaque geste compte pour un développeur solo.
Description
Le lancer de roue en ligne est une roue de la chance gratuite qui permet d’ajouter vos propres options (repas, activités, noms…), de lancer la roue avec une animation fluide et de voir le résultat s’afficher sous le pointeur. Vous pouvez retirer les segments déjà tirés pour continuer à jouer avec les options restantes, ou relancer la roue. La configuration de la roue est partageable par lien (paramètres d’URL), ce qui permet d’envoyer la même roue à des amis ou à un groupe. Idéal pour les tirages au sort, les décisions en groupe ou les jeux.
Comment faire
- Configurez la roue : ajoutez des options une par une (texte libre, jusqu’à 80 caractères par option et 200 options au total). Vous pouvez modifier ou supprimer des options. Un aperçu de la roue se met à jour en direct.
- Démarrez la session : cliquez sur « Démarrer la session » pour figer la roue et passer en mode jeu (au moins 2 options requises).
- Tournez la roue : cliquez sur « Tourner la roue ». L’animation s’arrête sur un segment ; le résultat s’affiche en évidence.
- Retirez ou relancez : vous pouvez « Retirer ce segment » pour l’exclure des prochains tirages, ou « Relancer » pour garder toutes les options. S’il ne reste qu’une option active, utilisez « Recommencer la session » pour réactiver tous les segments.
- Partagez : en mode configuration, utilisez « Copier le lien » pour partager la composition de la roue (les options) ; le lien ouvre la page avec la même roue pré-remplie.
Exemples
- Choisir un repas : Pizza, Sushi, Pâtes, Salade, Burger — une roue par défaut pour décider où manger.
- Tirage au sort en classe : ajoutez les prénoms des élèves et tournez pour désigner qui passe au tableau.
- Jeu de gages : listez des gages amusants et faites tourner la roue pour en tirer un au hasard.
Cas d’usage
- Décision en groupe : réunion, déjeuner d’équipe ou soirée — tout le monde voit les options et le tirage est équitable.
- Animation d’événement : tirage de lots, désignation d’un gagnant ou d’un thème pour une activité.
- En classe ou en formation : désigner un élève ou un sujet à traiter de façon aléatoire et ludique.
Limites
- La configuration (liste d’options) est partagée par l’URL ; l’état de la session (segments retirés, historique) n’est pas enregistré dans le lien. Recharger la page réinitialise la session.
- L’aléatoire est généré dans le navigateur (API cryptographique) ; il n’y a pas de preuve tierce du tirage.
- Les très longues listes (proche de 200 options) peuvent rendre les libellés sur la roue plus difficiles à lire ; les textes trop longs sont tronqués visuellement.
Bonnes pratiques
- Utilisez des libellés courts et clairs pour une roue lisible.
- Si vous partagez un lien, vérifiez que le destinataire ouvre bien l’URL complète (avec le paramètre
items) pour retrouver les mêmes options. - Activez « Réduire les animations » (préférence système) si vous êtes sensible au mouvement ; la durée de l’animation sera raccourcie.
Sécurité et aléatoire
Le tirage utilise l’API Web Crypto (crypto.getRandomValues) pour choisir le segment gagnant. Le résultat est déterminé avant l’animation : la roue est animée jusqu’au segment déjà tiré, ce qui garantit un affichage cohérent et un tirage équitable. Aucune donnée n’est envoyée à un serveur.
Alternatives
- Roue physique : pour un usage en présentiel avec un objet réel.
- Applications dédiées : certaines apps proposent des roues thématiques ou des sauvegardes de sessions.
- Générateur de nombre aléatoire : pour un simple tirage entre N options sans interface de roue.
FAQ
La roue est-elle vraiment aléatoire ?
Oui. Le segment gagnant est choisi par le navigateur avec un générateur cryptographique (crypto.getRandomValues), puis la roue est animée jusqu’à ce segment. Le tirage est équitable et ne dépend d’aucun serveur.
Puis-je partager ma roue avec d’autres personnes ?
Oui. En mode configuration, cliquez sur « Copier le lien ». Le lien contient la liste des options (encodée dans l’URL). En l’ouvrant, vos contacts voient la même roue pré-remplie.
Que se passe-t-il si je retire un segment ?
Le segment ne participe plus aux tirages suivants ; il reste visible sur la roue mais en grisé. Vous pouvez « Relancer » sans le retirer ou « Recommencer la session » pour réactiver tous les segments.
Combien d’options puis-je mettre sur la roue ?
Entre 2 et 200 options. Chaque option peut contenir jusqu’à 80 caractères (espaces et emojis autorisés). Les doublons sont autorisés.
Le lien enregistre-t-il les segments déjà retirés ?
Non. Le lien ne contient que la configuration (liste d’options). L’état de la session (segments retirés, dernier résultat) n’est pas sauvegardé dans l’URL. En rechargeant ou en rouvrant le lien, la roue repart avec toutes les options actives.
Puis-je réduire l’animation de la roue ?
Oui. Si votre système ou navigateur est configuré avec « Réduire les mouvements » (prefers-reduced-motion), la durée de l’animation est raccourcie pour limiter le mouvement.
Une suggestion ou une demande d'outil ?
Vous avez repéré une erreur, vous souhaitez un nouvel outil ou vous avez un retour à partager ? Contactez-moi par email, je serais ravi d'échanger avec vous.