Pierre Feuille Ciseau — Jeu interactif en JavaScript
Cet exercice consistait à développer un jeu interactif en JavaScript : Pierre Feuille Ciseau contre la machine. Un projet qui mêle logique de programmation et design d’interface — deux disciplines que j’aime pratiquer ensemble.
Intention créative
J’ai voulu que l’interface soit aussi fun que le jeu lui-même. Le fond animé avec des sphères en mouvement perpétuel crée une ambiance dynamique et vivante, bien loin d’un rendu statique classique. La palette teal/corail et le fond rose poudré donnent une identité visuelle cohérente et mémorable pour un mini-jeu.
Fonctionnement technique
Le jeu repose entièrement sur JavaScript vanilla — aucune bibliothèque externe. Le joueur choisit entre Pierre, Feuille ou Ciseau en cliquant sur l’un des trois boutons. La machine tire aléatoirement l’un des trois choix via
Math.random(), puis la logique de jeu compare les deux choix et affiche le résultat en temps réel avec une animation d’apparition.
Ce que j’ai développé :
Sélection des boutons via
querySelectorAll· Génération aléatoire du choix machine · Logique de comparaison des résultats (victoire / défaite / égalité) · Affichage dynamique du résultat avec animation CSS · Fond animé en CSS pur avec sphères en rotation infinie
Outils utilisés
HTML · CSS · JavaScript
