Apprendre à programmer avec un labyrinthe

Le graphisme

Avant de commencer la création d’un projet sur le thème du labyrinthe, il est important de le dessiner. Graphiquement, il existe plusieurs types de labyrinthes.

Une fois le labyrinthe dessiné, il vous faut placer :

Tous ces éléments vont être dessinés comme des sprites à part entière. Notamment les portes qui s’ouvrent lorsque le joueur attrape par exemple une clef. Si cette porte était dessinée directement sur le labyrinthe, c’est-à-dire sur l’arrière-plan, elle ne pourrait être programmée indépendamment de celui-ci. Si elle était amenée à disparaître à la suite d’une certaine action pour permettre au joueur de passer, c’est tout l’arrière-plan qui disparaîtrait avec elle !

L’exemple suivant permet de découvrir les principaux éléments qui constituent un programme de labyrinthe. Et de voir comment ils s’agencent entre eux.

Ce projet disponible en téléchargement depuis...

Les programmes

Nous allons nous intéresser dans un premier temps au programme du labyrinthe. Dans un deuxième temps, nous ajouterons une animation en introduction au jeu.

Dans le cadre d’une découverte de Scratch, j’utilise généralement le labyrinthe comme premier exercice. Dans un premier temps, les participants découvrent comment déplacer le sprite joué à l’aide des touches directionnelles. Comment éviter qu’il ne traverse les murs ?

Puis les gardiens sont ajoutés. Ceux-ci se déplacent d’une manière régulière en fonction d’un algorithme défini qui se répète. Lorsque le joueur touche l’un des gardiens, il peut retourner à l’entrée, mais également perdre une vie. Cette dernière option permet d’aborder les variables.

Pour terminer, la clef utilisée pour ouvrir la porte est positionnée. Son programme fait appel à l’utilisation de messages et, en fonction du niveau des participants, peut nécessiter l’utilisation d’une liste.

1. Programme de Joueur

Les déplacements

Le joueur est déplacé à l’aide des flèches directionnelles [Flèche à gauche], [Flèche à droite], [Flèche en haut] et [Flèche en bas]. Les quatre piles de blocs sont construites de la même manière :

• Action : la touche utilisée pour déclencher l’action est spécifiée.

• Réaction : orientation du sprite.

• Suite d’instructions : une boucle de répétition qui contient l’algorithme pour animer les costumes du sprite et le déplacer.

 quand la touche flèche gauche est pressée // action.

• ou [Flèche à droite]

• ou [Flèche en haut]

• ou [Flèche en bas]

 s’orienter en direction de 0 // réaction.

• ou 180 pour flèche droite

• ou 0 pour flèche haut

• ou -180 pour flèche bas

 répéter 4 fois // ouverture d’une boucle de répétition pour faire avancer le joueur et modifier ses costumes. Il possède quatre costumes différents. Suite d’instructions.

 avancer de 4 pas // la valeur peut être modifiée en fonction de votre personnage...

Une animation en introduction

En introduction des jeux vidéo, on retrouve généralement une page de présentation exposant les règles du jeu. Certains jeux, comme par exemple Mario Bross, sont également pourvus d’une petite animation en guise d’introduction. Je vous propose d’en créer une en introduction au labyrinthe. 

S’agissant d’une animation, les déplacements du personnage sont préprogrammés. Lorsqu’il arrive au niveau du rocher, une porte qui était jusqu’alors cachée s’ouvre sur l’entrée du labyrinthe. Le joueur pénètre à l’intérieur et la porte se referme ! Le jeu peut alors commencer.

1. Le graphisme

Pour l’arrière-plan de l’animation, nous allons utiliser le décor Blue Sky situé dans la bibliothèque des arrière-plans. Il va être renommé introduction.

En ce qui concerne les sprites, deux nouveaux éléments ont été créés. Le premier a été dessiné avec la palette graphique. Il a pour nom rocher.

Le deuxième correspond à une copie de la partie du rocher qui correspond à l’entrée de la grotte. Il a pour nom porte entrée labyrinthe.

 Avec les outils Sélectionner et Copier, faites une copie de l’intégralité de l’image du sprite rocher. 

 Dans la fenêtre des sprites, sélectionnez Choisir un sprite - Peindre. La palette graphique s’ouvre. Copiez le dessin sur la toile.

 Dégroupez les différents éléments pour supprimer le rocher et ne conserver que l’ouverture.

 Agrandissez la taille de la porte de manière à ce qu’elle soit plus grande que l’entrée de la grotte présente sur le sprite rocher. Et colorez-la avec l’outil Remplissage de la même couleur que le rocher afin qu’elle ne soit pas visible.