Comment ça marche — Dés
Aperçu
Un lanceur de dés simple et rapide. Choisissez entre 1 et 5 dés et obtenez des résultats aléatoires tirés directement dans le navigateur.
Comment ça marche
- Chaque lancer est tiré localement via crypto.getRandomValues (générateur aléatoire cryptographique du navigateur), réduit modulo 6 pour donner un nombre entre 1 et 6.
- Les dés s'affichent avec des faces SVG dessinées à la main — sauf le 1 qui est un perroquet.
- Un son de lancer est synthétisé en temps réel via la Web Audio API (oscillateur carré avec rampe de fréquence descendante).
- Animation CSS : chaque dé apparaît avec un effet de rotation à 360° et de rebond.
- Les résultats sont envoyés au serveur en best-effort (POST /dice/log avec keepalive) pour alimenter les statistiques, sans bloquer l'affichage en cas d'échec.
Stack technique
crypto.getRandomValues Web Audio API SVG CSS Animations FastAPI (logs)
Détails amusants
- Le dé affichant 1 montre un emoji perroquet au lieu de points.
- Un avertissement discret s'affiche si vous relancez en moins de 10 secondes.
- Le endpoint de log est limité à 60 requêtes par minute côté serveur.