Créer le jeu du Dinosaure de Google Chrome avec Scratch

Plan du tutoriel

1- Présentation du jeu Dinosaure de Google Chrome

2- Etapes de création du jeu Dinosaure

Présentation du jeu Dinosaure de Google Chrome

Le jeu Dinosaure de Google Chrome, aussi appelé "Chrome Dino" ou "Dino Run", est un mini-jeu caché dans le navigateur Google Chrome. Il apparaît automatiquement lorsqu’on n’a plus de connexion Internet.

Dans ce jeu, on contrôle un petit dinosaure, généralement un T-Rex, qui court dans le désert. Le but est d’éviter les obstacles, comme les cactus ou les oiseaux, en sautant au bon moment. Plus le jeu avance, plus la vitesse augmente, ce qui rend le défi plus difficile !

Ce jeu simple mais amusant a inspiré de nombreux créateurs à le reproduire dans des outils de programmation comme Scratch.

Etapes de création du jeu Dinosaure

L’objectif du jeu est d’aider le dinosaure à courir le plus longtemps possible sans toucher les obstacles.
Le joueur doit sauter par-dessus les cactus, tout en réagissant rapidement à mesure que la vitesse du jeu augmente.

1. Préparer l’interface du jeu

L’image de l’interface du jeu présente un style très simple, en noir et blanc, avec un look pixelisé qui rappelle les anciens jeux vidéo.

a) Aller à importer un arrière plan pour ajouter l’image de l’interface.

b) Choisir l’image "interface-game" pour l’arrière plan du jeu :

2. Création du sprite Dinosaure:

Le dinosaure, aussi appelé T-Rex, est le personnage principal du jeu. Il est représenté de façon simple, en noir et blanc, avec un style pixelisé (comme dans les anciens jeux vidéo).

Le dinosaure court automatiquement vers la droite et peut sauter quand le joueur appuie sur une touche.

a) Aller à importer un sprite pour ajouter l’image de Dinosaur.

b) Choisir l'image Dinosaur-1

c) Ajouter les images des costumes pour le sprite Dinosaur.

Pour que le dinosaure semble courir ou sauter, on change son apparence rapidement, en alternant entre différents costumes. Cela donne l’impression qu’il bouge réellement, comme dans un dessin animé.

C'est pour cela on doit ajouter plusieurs costumes pour créer l'illusion du mouvement.

1- Va dans l’onglet "Costumes".

2- Clique sur "Importer un costume".

3- Sélectionne les images des costumes de Dinosaure depuis ton ordinateur.

On obtient don un sprite Dinosaure contenant 4 costumes.

d) Ajout des fichiers sons au sprite Dinosaure

Les sons permettent d’informer le joueur que ses actions ont été prises en compte :

- Un son de saut (par exemple, un "boing") joue quand le dinosaure saute.

- Un son de collision joue lorsqu’il touche un obstacle (cactus).

Voici comment importer des fichiers sons pour le sprite Dinosaure dans Scratch, étape par étape :

1- En haut de la zone centrale, on clique sur l’onglet "Sons" (à côté de "Code" et "Costumes").

2- En bas on clique sur l'icone son

3- On clique sur importer un son

4- Une fenêtre s’ouvre : sélectionne les fichiers .mp3 ou .wav depuis ton ordinateur.

On obtient ces fichiers sons liés au sprite Dinosaure.

d) Script complet du sprite Dinosaure

Explication des blocs du script

Bloc	Role
	Ce bloc désigne l'évènement du début du jeu
	Ce bloc place le dinosaure à la position initiale
	Ce bloc fait tourner le script sans arrêt, tant que le jeu n'est pas arrêté.
	Ce bloc bloc fait en sorte que ldinosaure réagisse lorsqu'il entre en contact avec un obstacle.
	Ce bloc détecte une collision entre le sprite Dinosaure et le sprite appelé "cactus".
	Ce bloc utilisé pour changer l'apparence du dinosaure afin de donner l'impression que le dinosaure est tombé.
	Ce bloc envoyer un message1 au sprite Cactus pour se cacher.
	Ce bloc affiche "Game Over" lorsque le joueur perd.
	Ce bloc joue un effet sonore.
	Ce bloc fait une pause dans l'exécution du script.
	Ce bloc stop arrête complètement les scripts du jeu.
	Ce bloc vérifie si la touche espace est pressée.
	Ce bloc détecte la pression de la touche espace du clavier.
	Ce bloc ajoute un effet sonore pour la saut du Dinosaure
	Ce bloc change l'image du dinosaure pendant le saut.
	Ce bloc fait diriger le dinosaure vers le haut.
	Ce bloc simule un saut fluide du dinosaure vers le haut.
	Ce bloc fait une pause pendant que le dinosaure reste en l'air, avant qu'il redescende
	Ce bloc fait diriger le dinosaure vers le bas
	Ce bloc simule un saut fluide du dinosaure vers le bas
	Ce bloc fait une pause pendant que le dinosaure marche
	Ce bloc change l’apparence du sprite en affichant un autre costume. Cela permet de donner l’illusion que le Dinosaure marche
	Ce bloc change l’apparence du sprite en affichant un autre costume. Cela permet de donner l’illusion que le Dinosaure marche

3. Création du sprite Cactus:

Le sprite Cactus représente l'obstacle principal dans le jeu du dinosaure. Le but du joueur est de sauter au bon moment pour éviter de toucher le cactus, sinon c'est game over.

a) Aller à importer un sprite pour ajouter l’image de Cactus.

b) Choisir l'image cactus-1

c) Ajouter les images des costumes pour le sprite Catctus.

Les costumes permettent de créer plusieurs versions du cactus (par exemple : petit, moyen, grand). Cela rend le jeu :

- Plus intéressant visuellement

- Plus varié et dynamique

- Moins prévisible pour le joueur

1- Va dans l’onglet "Costumes".

2- Clique sur "Importer un costume".

3- Sélectionne les images des costumes de Dinosaure depuis ton ordinateur.

On obtient don un sprite Cactus contenant 3 costumes.

d) Script complet du sprite Cactus

Explication des blocs du script

Bloc	Rôle
	Ce bloc représente l'évènement du début du jeu
	Ce bloc rend le sprite Cactus visible.
	Ce bloc met le sprite Cactus à la position initiale
	Ce bloc initialise la variable score à 0
	Ce bloc initialise la variable stop à 0
	Ce bloc tourne le script sans arrêt, tant que le jeu n'est pas arrêté.
	Ce bloc vérifie si le sprite Cactus touche un bord de la scène.
	Ce bloc renvoie "vrai" si le sprite Cactus touche un bord de la scène Scratch. Sinon, il renvoie "faux".
	Ce bloc déplace en douceur le sprite Cactus du droite à gauche.
	Ce bloc passe au prochain costume du sprite Cactus pour faire apparaître un autre obstacle
	Ce bloc est utilisé pour vérifier si le catus entre en collision avec le Dinosaure
	Ce bloc vérifie si la variable stop est égal à 0
	Ce bloc incrémente la variable score de 1.
	Ce bloc permet reçevoir un message du sprite Dinosaure pour arrêter le jeu.
	Ce bloc rend le Cactus invisible.
	Ce bloc affecte la valeur 1 à la variable stop.