TP1 - création d un mini-jeu video avec SCRATCH Dans ce TP, tu vas apprendre à te poser les bonnes questions pour réaliser un jeu vidéo utilisant les points de vie. Pour cela nous allons partir d un exemple de jeu simple. Situation : Un héros doit protéger un gentil d un méchant qui veut l attaquer. Problème : Le méchant décide d attaquer aléatoirement le gentil ou le héros. Quand ils sont touchés, le héros ou le gentil perdent des points de vie. Résolution : Le héros a plus de PV (points de vie) que le méchant. Le héros a une arme pour faire perdre des PV au méchant. Scène et personnages : Il faut mettre un décor et 3 personnages : Le héros (joueur), le gentil et le méchant (non joueur). Information : il faut expliquer la règle au joueur Sommaire 1. Création du héros 2. Création du Gentil 3. Création du méchant 4. Amélioration du jeu 5. A vous de jouer Ce TP est la mise en application de Apprendre à programmer en créant un jeu vidéo Nous allons apprendre à déplacer notre personnage le «Héros», et faire se déplacer plus ou moins intelligemment les personnages non joueurs (PNJ, les objets que tu ne contrôle pas) de notre jeu vidéo. Pour réaliser les personnages, on va essayer de répondre à 6 questions : 1 Qui est-t-il? 2 A quoi ressemble-t-il? 3 Quand va-t-il apparaitre dans le jeu? 4 Où intervient-il dans le jeu? 5 Comment se déplace-t-il et avec quelles touches ou la souris? 6 Pourquoi ce personnage? Quel est son rôle? 1. Création du héros : Pour ce tutoriel, nous allons faire simple. 1 Qui est-ce? Nomme ton personnage principal, celui que le joueur va déplacer : «Le héros» 2 A quoi va-t-il ressembler? 1
Pour cela ouvre l éditeur graphique et fait un dessin avec la souris en utilisant les outils de l éditeur graphique. Dessine un bonhomme boule bleu. 3. Quand va-t-il intervenir dans le jeu? Au démarrage du jeu. Quand je lance le jeu le héros apparait. 4. Où va-t-il intervenir dans le jeu? Je définie les coordonnées de la position du héros sur la scène au démarrage du jeu. 2
5. Comment va-t-il se déplacer (personnage) ou fonctionner (objet)? Il va se déplacer avec les flèches de direction. Utiliser la commande «Se diriger en faisant un angle de» ou «Pointer en direction». Refaire le même script pour toutes les directions. 3
6. Pourquoi? Que va faire ce personnage dans l histoire? C est celui qui va attaquer le méchant et sauver le gentil. 2. Création du gentil 1. Qui est-ce? Nommer ce personnage «Le gentil». C est un personnage non joueur (PNJ). 2. A quoi va-t-il ressembler? Pour cela ouvre l éditeur graphique et fait un dessin avec la souris en utilisant les outils de l éditeur graphique. Dessine un bonhomme boule vert. 3. Quand va-t-il intervenir dans le jeu? Cacher le gentil puis quelques secondes après le démarrage du jeu (à définir), le faire apparaitre. 4
4. Où va-t-il intervenir dans le jeu? Je définie les coordonnées de la position du gentil sur la scène. Ici x = 114 et y = -71. 5. Comment va-t-il se déplacer (personnage) ou fonctionner (objet)? Il va se déplacer aléatoirement en évitant le héros. Il va se déplacer tant que ses points de vie sont supérieurs à 0. Cliquer sur variable puis sur nouvelle variable. Nomme la variable. Créer une nouvelle variable «direction _gentil» Glisser la variable «direction_gentil» sur la case 15 degrés de la commande «tourner de». 5
6. Pourquoi? Que va faire ce personnage dans l histoire? Il doit être protégé du méchant. 3. Création du méchant 1. Qui est-ce? Le nommer : «Le méchant» C est un personnage non-joueur (PNJ). 2. A quoi va-t-il ressembler? Pour cela ouvre l éditeur graphique et fait un dessin avec la souris en utilisant les outils de l éditeur graphique. Dessine un bonhomme boule rouge. Délimite le bonhomme par un ovale noir. 3. Quand va-t-il intervenir dans le jeu? Cacher le méchant puis quelques secondes après le démarrage du jeu (à définir, ici 3 secondes), le faire apparaitre 4. Où va-t-il intervenir dans le jeu? Je définie les coordonnées de la position du méchant sur la scène. Ici x = 0 et y = 0, il sera au centre de la scène. 6
5. Comment va-t-il se déplacer (personnage) ou fonctionner (objet) Il va se diriger vers le héros ou le gentil pour l attaquer. La ligne noire va nous servir de détecteur de collision avec les autres objets. Cliquer sur variable puis sur nouvelle variable. Nomme la variable. Création des variables : Nous allons créer 3 variables. Comme précédemment, cocher le bouton Utiliser le tiret de la touche «8» en haut du clavier dans le nom des variables au lieu de l espace. PV_mechant : pour stocker les points de vie du méchant. choix_attaque : variable aléatoire pour décider si le méchant attaque le gentil ou le héros. direction_mechant : variable aléatoire pour parasiter le trajet du méchant. Le script : Pour écrire le script, réfère-toi à la liste des commandes du gentil pour trouver dans quelle section se trouve chaque fonction. Suite du script 7
6. Pourquoi? Que va faire ce personnage dans l histoire? Son rôle est d attaquer le héros ou le gentil et de lui faire perdre des points de vies. Son action a un impact sur les autres «lutins», c est-à-dire leur faire perdre des points. Nous allons donc modifier le script du «gentil» lutin. Cliquer sur la petite case en couleur, une pipette apparait. Positionner la pipette sur cercle noir du méchant et cliquer. La case prend la couleur noire. Si le gentil lutin touche le noir du méchant, il dit «Ouille!» et perd un point de vie. Lorsque les points de vie du gentil lutin arrivent à zéro : il meurt et disparait avec «cacher». 4. Amélioration du jeu Revenons au Héros. Pour l instant il ne fait que se déplacer. Il n y aucune interaction avec les autres personnages. 8
Rappel du Pourquoi? : Que va-t-l faire dans l histoire? C est celui qui va attaquer le méchant et sauver le gentil. Attaquer le méchant = lui faire perdre des points de vies (PV). Comment? : Avec une arme qui apparait avec la barre d espace. On lui dessine une arme : une auréole rouge qui va servir de détecteur de collision. Pour cela, cliquer sur l onglet «costumes», puis «copier». Un deuxième héros apparait. Cliquer sur «Edition» Tracer un cercle rouge autour du héros. 9
Puis le script suivant : Cela a un impact sur le méchant : il perd des PV et meurt ; ce qui implique la fin du jeu. Attention : nous allons changer la boucle par. A la fin, nous envoyons à tous le message «Fin_du_jeu» pour indiquer que le jeu est terminé. Pour cela clique sur la flèche noire puis sur nouveau. Tape le message en utilisant le tiret du «8» à la place des espaces. Pour changer la commande de contrôle, glisse la commande sur la zone de scipt. Puis glisser l ensemble des commandes dans ce nouveau contrôle. Glisser l ancien sur la liste de gauche. Rattacher toutes les commandes. 10
Script final : 11