Google Chrome Dino : détourne le jeu, découvre le code
Dans un désert infini, sous un ciel pixélisé, un petit T-rex s’élance dans une course sans fin semée d’embûches. Chaque seconde, la vitesse augmente, les cactus s’enchaînent, les ptérodactyles apparaissent. Un saut trop tôt, un obstacle mal anticipé et c’est retour à la case départ.
Ce dinosaure, tu le connais. Il surgit toujours au pire moment : signal internet perdu, page d’erreur et voilà le Chrome Dino qui apparaît pour te faire patienter jusqu’au retour du précieux Wi-Fi.
Mais si, cette fois, tu ne te contentais pas de jouer ? Et si tu pouvais changer les règles, réécrire le code et prendre le contrôle du jeu ?
Prends le contrôle du T-Rex de Google
Dans ce Coding Club, tu dévoiles les secrets d’un jeu que tu pensais connaître. Avec l’inspecteur Chrome, tu parcours la page comme un(e) vrai(e) développeur(se). Tu identifies les éléments du jeu, tu repères les variables, observes les comportements. Ligne après ligne, tu entres dans le code.
Puis, tu passes à l’action. Modifier le prochain obstacle, accélérer ou ralentir le jeu, transformer le dinosaure en personnage rétro en 2D, modifier les scores ou la couleur du fond, créer un décor, réécrire le gameplay. En explorant JavaScript, tu métamorphoses le Chrome dino. Et, presque sans t’en rendre compte, tu fais tes premiers pas dans le développement.
Parlons peu, parlons bien : ce que tu vas apprendre
Accompagné(e) par les étudiantes et étudiants d’Epitech, tu découvres, tu testes, tu te trompes pour mieux recommencer, corriger et réussir. Ainsi, tu sauras, au terme de ce Coding Club :
- Comment utiliser l’inspecteur du navigateur Google Chrome pour accéder aux entrailles d’un site web
- Comment écrire et tester des lignes de JavaScript directement dans ton navigateur, sans rien installer
- Ce que sont les variables et les fonctions, et comment elles contrôlent le comportement d’un jeu
- Comment modifier les éléments du jeu en temps réel : vitesse, gravité, score, saut, etc.
- Comment automatiser des actions (comme faire sauter le dinosaure tout seul) grâce à des boucles et des conditions
- Comment changer l’apparence du jeu avec les images de ton choix
Le plan de jeu : matériel, étapes, organisation
Pas besoin d’être un(e) pro du code pour participer. Cet atelier est pensé pour les étudiants et étudiants du collège au lycée. Celles et ceux qui veulent tester, comprendre comment ça marche… ou simplement détourner les règles.
Déroulé de l’atelier
Ce Coding Club suit un chemin simple et progressif :
- On commence par tester le jeu Chrome Dino et prendre ses marques
- Tu découvres ensuite l’inspecteur Chrome et apprends à interagir avec le code
- Tu modifies quelques paramètres du jeu : vitesse, score, comportement, etc.
- Tu crées des scripts pour automatiser les actions et réagir aux obstacles
- Tu termines en personnalisant entièrement le jeu pour lui donner un style unique : le tien
Ce qu’il te faut
Pour participer, pas besoin de matériel sophistiqué, de logiciel compliqué ou de set-up avancé, il te faut juste :
- un ordinateur en état de fonctionnement (Windows, macOS ou Linux)
- le navigateur Google Chrome, si tu ne l’as pas encore installé, c’est par ici que ça se passe
Tout le reste se passe dans ton navigateur. Ouvre simplement l’URL chrome://dino/ dans la barre d’adresse et c’est parti.
À quand ta session
Dino Hacking ?
Envie de passer à l’action ? Dino Hacking est organisé toute l’année dans différents campus Epitech.
Repère la prochaine session près de chez toi, choisis ta date et prépare-toi à réécrire les règles du jeu.
Envie de (re)faire l’atelier chez toi ?
Tu veux (re)jouer avec le dinosaure, (re)voir les étapes ou aller plus loin à ton rythme ?Télécharge la fiche complète de l’atelier Dino Hacking, avec toutes les instructions pour le faire en solo ou en groupe, directement depuis ton navigateur.
Made with love by…
Cet atelier a été imaginé par l’équipe d’Epitech Montpellier dans le cadre des Coding Clubs. Il repose sur TIC-80, un environnement open source ainsi que des contenus partagés sous licence Creative Commons.
Merci au Pico-8 Fanzine #1 pour l’inspiration initiale et les premiers pas vers le rétro-coding.
