Programmer le jeu vidéo voiture avec le logiciel Scratch

Plan du tutoriel

1- Principe du jeu vidéo voiture

2- Etapes de programmation du jeu avec Scratch

Principe du jeu vidéo voiture

Le principe du jeu vidéo de voiture qui évite des voitures est assez simple et repose principalement sur la capacité du joueur à réagir rapidement et prendre des décisions en temps réel pour éviter les obstacles (autres voitures) sur la route. Ce type de jeu est souvent populaire dans les jeux mobiles et d'arcade, car il est facile à comprendre, mais difficile à maîtriser.

Principe de base

Objectif : Le joueur contrôle une voiture qui se déplace sur une route ou une piste et doit éviter les autres voitures ou obstacles qui apparaissent à l’écran.

Évitement des obstacles : Les autres voitures ou obstacles apparaissent régulièrement, et le joueur doit les éviter pour continuer la partie. Le jeu se termine si le joueur entre en collision avec un obstacle.

Progression et score : Plus le joueur avance ou évite d'obstacles, plus son score augmente. Certains jeux ajoutent des points pour chaque obstacle évité ou pour chaque seconde passée en jeu.

2. Mécaniques de jeu

Contrôle de la voiture : La voiture peut être contrôlée de plusieurs façons :

Déplacement latéral : Le joueur peut déplacer la voiture vers la gauche ou la droite pour éviter les obstacles.

Inclinaison ou glissement : Sur les jeux mobiles, le joueur peut incliner son appareil ou glisser son doigt pour déplacer la voiture.

Accélération et freinage : Certains jeux permettent au joueur de contrôler la vitesse pour éviter des obstacles plus complexes.

Apparition des obstacles :

Les voitures ennemies (ou autres obstacles) peuvent apparaître à des endroits aléatoires sur la route.

La densité et la vitesse des obstacles augmentent au fur et à mesure de la progression pour augmenter la difficulté du jeu.

Ce type de jeu est apprécié pour sa simplicité d’accès et la progression rapide qu'il offre aux joueurs, tout en leur permettant de tester leurs réflexes et d’améliorer leur score.

Etapes de programmation du jeu avec Scratch

Ce tutoriel vous apprend à créer un jeu de voiture à l’aide du programme Scratch du MIT. Le but principal de ce jeu est de conduire le voiture sans être écraser par d’autres voitures.

ce projet est constitué de 5 sprites. Vous pouvez en ajouter beaucoup plus.

– Le sprite voiture du joueur: il s’agit de la voiture que le joueur déplace à l’aide des flèches directionnelles du clavier (droite – gauche). Il est constitué de deux costumes:

– Le sprite voiture_1 : il s’agit de la voiture qui essaie d’intercepter la voiture du joueur. Il est constitué de quatre costumes:

– Les deux sprites Tree1 et Tree2 représentent les arbres des deux côtés de la route. Chacun de ces sprites est constitué de deux costumes:

– Le sprite signalisation: représente la signalisation routière horizontale qui  fait référence au marquage au milieu de la route.

Modifier l’arrière-plan

1) Aller à Peindre pour dessiner l’image pour l’arrière plan du jeu:

2) On obtient l’arrière plan suivant:

Création du sprite Tree1 (arbre) :

Le sprite Tree1 représente l’arbre qui se trouve au bord de la route.

On va créer des copies du sprite Tree1 pour les placer au bord gauche de la route.

1) Aller à importer un sprite pour ajouter l’image Tree1.

2) Choisir l’image Tree1:

3) Aller au costume du sprite Tree1 pour ajouter le deuxième costume :

4) Ajout du programme au sprite Tree1 :

Tout à bord, on doit créer la variable accélération.

Lorsqu’on clique sur le drapeau vert,le programme choisit aléatoirement le costume du sprite Tree1 et créé des copies (clones) du sprite Tree1.

Pour chaque clone (copie) créé du sprite Tree1 :

1- on réduit la taille du sprite à 7% pour montrer que l’arbre vient du loin.

2- on fait afficher le clone (copie) du sprite Tree1:

3- On place le clone du sprite Tree1 à la fin de la route:

4- On affecte 0.1 à la variable accélération :

Puis on fait répéter les instructions suivantes 15 fois:

1- Augmenter la taille du sprite Tree1

2- Modifier les coordonnées du sprite Trees pour montrer que la voiture est en mouvement et dépasse les arbres.

3- Incrémenter la variable accélération de 1.

Enfin on supprime le clone du sprite Tree1

Finalement voici le programme final du sprite Tree1 :

Création du sprite Tree2 (arbre) :

Le sprite Tree2 représente l’arbre qui se trouve au bord droite de la route.

On va suivre la même procédure du sprite Tree1 pour créer le sprite Tree2.

Voici le programme final du sprite Tree2 : 

Création du sprite Signalisation :

Le sprite Signalisation représente la signalisation horizontale qui se trouve au milieu de la route.

1) Aller dans la section des nouveaux sprites et sélectionner l’icône pinceau.

2) Dessiner une signalisation à l’aide de l’éditeur de dessin:

3) Voici le programme du sprite Signalisation:

Création du sprite voiture_1 :

1) Aller à importer un sprite pour ajouter l’image de la voiture qui va intercepter la voiture du joueur.

2) Choisir l’image de la voiture :

3) Aller au costume du sprite voiture pour ajouter trois autres costumes :

4) Insertion du programme dans le sprite voiture_1:

Tout à bord, on doit créer la variable score.

On créer de la même façons les deux variables sens et accélération.

Le bloc mettre score à 0 est exécuter lorsqu’on clique sur le drapeau vert.

Au début le sprite voiture_1 disparaît de la scène en utilisant ce bloc :

Le bloc de code de la boucle répéter indéfiniment permet de répéter son contenu d’une façon illimitée.

On choisit aléatoirement une voiture par les quatre voitures qui constituent le sprite voiture_1:

On attend deux secondes:

On réduit la taille de la voiture à 7% pour montrer que la voiture vient du loin.

On choisit aléatoirement la voie droite ou la voie gauche de la route affectée à la voiture_1

La variable sens peut avoir trois valeurs: -1, 0 ou 1.

Si la variable sens = 0 alors le sprite voiture_1 reste cachée.

Si la variable sens = -1 alors la voiture_1 est sur la voie gauche de la route.

Si la variable sens = 1 alors la voiture_1 est sur la voie droite de la route.

On place le sprite voiture_1 dans la position initiale :

Si la variable sens est différent de 0:

– On fait afficher le sprite voiture_1:

– On affecte 0.1 à la variable accélération :

– Puis on fait répéter les instructions suivantes 50 fois:

Augmenter la taille du sprite voiture_1

Modifier les coordonnée du sprite voiture_1 pour montrer que la voiture est en train de s’approcher.

Incrémenter la variable accélération de 0.1 pour augmenter la vitesse de la voiture.

Ensuite on incrémente la variable score de 1

Enfin on cache le sprite voiture_1

Et on répète le programme se touvant dans le bloc répéter indéfiniment jusqu’à le sprite voiture_1 crashe la voiture du joueur.

Voici le programme final du sprite voiture_1:

Création du sprite voiture de l’utilisateur:

1) Aller à importer un sprite pour ajouter l’image de la voiture du joueur.

2) Choisir l’image de la voiture du joueur

3) Aller au costume du sprite voiture pour ajouter le deuxième costume :

et choisir cette image:

3) Insertion du programme dans le sprite voiture du joueur:

Le sprite voiture du joueur se déplace du gauche à droite par les flèches du clavier pour éviter les voitures qui l’interceptent sans dépasser les deux bords de la route.

Si la voiture du joueur est intercepté par une autre voiture :

1- On décrémente le score de 1 point

2- On passe au costume 2 qui visualise la voiture du joueur est crashé

3- on arrête le programme du jeu

Voici le programme final du sprite voiture du joueur :