Scratch : Créer votre premier jeu simple avec scratch : Différence entre versions

 
(7 révisions intermédiaires par 3 utilisateurs non affichées)
Ligne 3 : Ligne 3 :
 
|Licences=Attribution (CC-BY)
 
|Licences=Attribution (CC-BY)
 
|Description=Objectif: Créer son premier jeu
 
|Description=Objectif: Créer son premier jeu
|Disciplines scientifiques=Computing, Mathematics
+
|Disciplines scientifiques=Electricity, Mechanics
|Difficulty=Easy
+
|Difficulty=Technical
 
|Duration=1
 
|Duration=1
 
|Duration-type=hour(s)
 
|Duration-type=hour(s)
Ligne 12 : Ligne 12 :
 
|Introduction=Objectif / Apprendre à créer son premier jeu sur scratch :
 
|Introduction=Objectif / Apprendre à créer son premier jeu sur scratch :
  
Le jeu sera une fusée qui va devra esquiver les étoiles.  
+
Le jeu va prendre  la forme d'une fusée qui va devoir esquiver les étoiles.  
 +
 
 +
Pour cela, nous allons devoir mettre quelques petites chose en place:
  
Pour cela on va devoir mettre quelques petites chose en place:
 
  
 
1 - Mettre les costumes de fusée  et choisir la taille et la position de départ de notre fusée.
 
1 - Mettre les costumes de fusée  et choisir la taille et la position de départ de notre fusée.
Ligne 20 : Ligne 21 :
 
2 - Créer l'animation de notre fusée.  
 
2 - Créer l'animation de notre fusée.  
  
3 - Attribué des touches pour que notre fusée puisse aller de droite à gauche.
+
3 - Attribuer des touches pour que notre fusée puisse aller de droite à gauche.
  
4 - On va ajouter un nouveau sprite qui sera l'étoile, on va aussi lui attribuer ce qu'il devra faire.  
+
4 - Ajouter un nouveau sprite qui sera l'étoile, on va lui attribuer la tâche à exécuter.  
  
5 - Créer les Variables pour le temps et la vie et les assignées.   
+
5 - Créer les Variables: temps et vie et les assigner.   
  
6 - Gagner ou perdre.
+
6 - Gagner ou perdre.  
  
 
Dernière étape : Petit exercice pour voir si vous avez bien compris.<br />
 
Dernière étape : Petit exercice pour voir si vous avez bien compris.<br />
Ligne 37 : Ligne 38 :
 
{{Tuto Step
 
{{Tuto Step
 
|Step_Title=Mettre les costumes de fusée et choisir la taille et la position de départ de notre fusée.
 
|Step_Title=Mettre les costumes de fusée et choisir la taille et la position de départ de notre fusée.
|Step_Content=Pour cela allez dans la partie costume puis choisir un costume en bas à gauche.
+
|Step_Content=Pour cela, aller dans la partie costume puis choisir un costume en bas à gauche.
  
Faire ça pour ajouter chaque costume de la fusée puis supprimer les 2 costumes du chat.
+
 
 +
Commencer par supprimer le sprite chat puis ajouter le sprite rocketship.
  
  
 
Pour attribuer la taille et la position de départ de notre fusée:
 
Pour attribuer la taille et la position de départ de notre fusée:
  
On va commencer par dire que dès que le '''drapeau et cliqué''', alors on va  mettre la taille à 50% et  aller à x:0 y :-130.             
+
Nous allons commencer par dire que dès que le '''drapeau et cliqué''', alors on va  mettre la taille à 50% et  aller à x= 0 et y = -130.             
  
On va aussi changer l'arrière plan:   
+
Nous allons aussi changer l'arrière plan :   
  
Très simple, allez en bas à droite cliquer sur choisir un arrière plan et choisir Stars.   
+
Aller en bas à droite et cliquer sur choisir un arrière plan et choisir Stars.   
  
  
Ligne 63 : Ligne 65 :
  
  
Il va nous falloir rajouter après l'étape 1, demander de répéter indéfiniment '''costume suivant''' avec un '''attendre''' pour avoir une animation fluide.
+
Nous allons devoir ajouter après l'étape 1, demander de '''répéter indéfiniment''' '''costume suivant''' avec un '''attendre''' pour obtenir une animation fluide.
 
|Step_Picture_00=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Animation.png
 
|Step_Picture_00=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Animation.png
 
}}
 
}}
Ligne 71 : Ligne 73 :
  
  
On va devoir créer une condition si une '''touche et toucher alors faire quelque chose'''.
+
Nous allons devoir créer une condition : si une '''touche est touchée alors faire quelque chose'''.
  
  
Pour cela on va devoir mettre un bloc quand le '''drapeau et cliqué''', '''répéter indéfiniment''', si la '''touche et presser''' alors ajouter ou enlever à l'axe X.
+
Pour cela nous allons mettre les blocs '''quand le''' '''drapeau est cliqué''', '''répéter indéfiniment''', si la '''touche est pressée''' alors ajouter ou enlever à l'axe X.
  
 
<br />
 
<br />
Ligne 80 : Ligne 82 :
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=On va ajouter un nouveau sprite qui sera l'étoile, on va aussi lui attribuer ce qu'il devra faire.
+
|Step_Title=Nous allons ajouter un nouveau sprite qui sera l'étoile, et aussi lui attribuer ce qu'il devra faire.
|Step_Content=L’objectif c'est que l'étoile apparaisse en haut de notre écran et quelle tombe puis disparaisse:         
+
|Step_Content=L’objectif est que l'étoile apparaisse en haut de notre écran et qu'elle tombe puis disparaisse:         
  
Pour cela on va créer des clones toute les 0.05sec à 0.5sec de l'étoile.  
+
Pour cela nous allons créer des clones de l'étoile toute les 0.05sec à 0.5sec.  
  
  
Apres on va donné des propriétés au clone qui vont apparaître:
+
Ensuite,  nous allons donner des propriétés au clone qui vont apparaîtrent :
  
  
Donc dès que je suis un clone je dois aller à x: entre -235 et 235 y: 160.
+
Donc '''dès que je suis un clone''' je dois aller à '''x: entre -235''' '''et 235 et'''  '''y: 160'''.
  
On va aussi '''répéter indéfiniment''' de descendre donc ajouter -10 à y.
+
Nous allons aussi '''répéter indéfiniment''' de descendre donc '''ajouter -10 à y.'''
  
Pour finir on va devoir faire une condition qui dit que dès que je '''touche  le bord ou la fusée''', alors on le '''cache'''.
+
Pour finir, nous allons  créer une condition qui dit : si je '''touche  le bord ou la fusée''', alors on '''cache''' le clone.
 
|Step_Picture_00=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Etoile_1.png
 
|Step_Picture_00=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Etoile_1.png
 
|Step_Picture_01=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Etoile_2.png
 
|Step_Picture_01=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Etoile_2.png
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Créer les Variables pour le temps et la vie et les assignées.
+
|Step_Title=Créer les Variables pour le temps et la vie et les assigner.
 
|Step_Content=Les variables:
 
|Step_Content=Les variables:
  
  
Pour  commencer on va crée la variable vie qui sera = à 100 et on va '''l'afficher'''.
+
Pour  commencer nous allons créer la variable '''vie''' = 100 et '''l'afficher'''.
  
Puis on va devoir créer une autre variable temps et intégrer un capteur '''chronomètre''', on va devoir réinitialiser le '''chronomètre''' et '''répéter indéfiniment''' mettre la variable temps à '''chronomètre.'''
 
  
 +
Puis nous allons  créer une autre variable '''temps''' et intégrer un capteur '''chronomètre''', nous allons devoir réinitialiser le chronomètre et '''répéter indéfiniment''' : mettre la variable temps à '''chronomètre.'''
  
Ensuite on veut que, quand le clone de l'étoile touche la fusée, la variable '''vie'''  perde -10 pv: 
 
  
On va donc rajouter dans la boucle une condition qui dit, si je '''touche la fusée''' je vais '''ajouter -10 à vie'''.
+
Ensuite nous voulons que : quand le clone de l'étoile touche la fusée, la variable '''vie'''  perde -10 pv: 
 +
 
 +
Nouas allons donc ajouter dans la boucle une condition qui dit : si je '''touche la fusée''' j''''ajoute -10 à vie'''.
 
|Step_Picture_00=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Vie.png
 
|Step_Picture_00=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Vie.png
 
|Step_Picture_01=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Temps.png
 
|Step_Picture_01=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Temps.png
Ligne 116 : Ligne 119 :
 
{{Tuto Step
 
{{Tuto Step
 
|Step_Title=Gagner ou perdre.
 
|Step_Title=Gagner ou perdre.
|Step_Content=Pour cette étape, on va créer nos propre sprites, pour ça cliquer en bas à droite puis peindre et créé un sprite avec un costume gagner et perdu.
+
|Step_Content=Pour cette étape, nous allons créer nos propres sprites :
  
 +
Cliquer en bas à droite puis glisser sur peindre et créer un sprite avec un costume '''gagné''' et '''perdu'''.
  
Apres avoir créer notre propre sprite on va devoir lui donner des conditions:
 
  
En premier on va lui demander de ce cacher quand le jeu et lancer
+
Apres avoir créer nos propres sprites nousallons  lui donner des conditions : 
  
Si vie = 0 alors tu à perdu, tu te montre et puis tu envoie à tous stop .
+
Premièrement, nous allons lui demander de se cacher quand le jeu est lancé.  
  
Si temps > 300 sec alors tu à win, tu te montre et puis tu envoie à tous stop.
 
  
il faut aussi rajouter un événement qui dit que quand je reçois stop attendre
+
'''Si vie = 0''' alors tu a '''perdu''' : '''montrer'''  puis  '''envoyer à tous stop''' .
  
2 sec et stop tout .
+
'''Si temps > 300 sec''' alors tu a gagné : '''montrer''' puis '''envoyer à tous stop'''. 
 +
 
 +
Deuxièment, il faut ajouter un événement qui dit : '''quand je reçois stop,''' '''attendre 2 sec''' et '''stop tout''' .  
  
 
<br />
 
<br />
Ligne 138 : Ligne 142 :
 
{{Tuto Step
 
{{Tuto Step
 
|Step_Title=Petit exercice pour voir si vous avez bien compris.
 
|Step_Title=Petit exercice pour voir si vous avez bien compris.
|Step_Content=L’exercice va être plutôt simple.
+
|Step_Content=L’exercice est plutôt simple.
  
 
Ne pas regarder l'image 2 si vous faite l'exercice.
 
Ne pas regarder l'image 2 si vous faite l'exercice.
  
  
Je veux que vous rajoutiez un sprite du nom de rypley-a.
+
Je veux que vous rajoutiez un sprite du nom de '''rypley-a'''.
 +
 
  
1 - Pour commencer il faut mettre ça taille à 25%, le cacher quand jeu est lancé.
+
1 - Pour commencer il faut mettre sa taille à 25%, le '''cacher''' quand jeu est lancé.
  
2 -  Créer un clone de lui toute les 30 sec à 60 sec.
+
2 -  Créer un '''clone''' de lui '''toute les 30 sec à 60 sec.'''
  
3 - Faire que ce clone apparaît en haut et tombe comme l’étoile mais à une vitesse de -8.
+
3 - Faire que ce clone apparaisse en haut et tombe comme l’étoile mais à une '''vitesse de -8'''.
  
4 - Faire une condition que si il touche la fusée il rajoute 10 à vie.   
+
4 - Créer une condition : '''si il touche la fusée il ajoute 10 à vie'''.   
  
5 - Faire une autre condition que si il touche le bord ou la fusée alors il se cache.
+
5 - Créer une autre condition : '''si il touche le bord ou la fusée alors il se cache'''.
  
  
Ligne 170 : Ligne 175 :
 
}}
 
}}
 
{{Tuto Status
 
{{Tuto Status
|Complete=Draft
+
|Complete=Published
 
}}
 
}}

Version actuelle datée du 3 mai 2022 à 14:46

Auteur avatarJarod Wuillaume | Dernière modification 3/05/2022 par Camil Saliba

Introduction

Objectif / Apprendre à créer son premier jeu sur scratch :

Le jeu va prendre la forme d'une fusée qui va devoir esquiver les étoiles.

Pour cela, nous allons devoir mettre quelques petites chose en place:


1 - Mettre les costumes de fusée et choisir la taille et la position de départ de notre fusée.

2 - Créer l'animation de notre fusée.

3 - Attribuer des touches pour que notre fusée puisse aller de droite à gauche.

4 - Ajouter un nouveau sprite qui sera l'étoile, on va lui attribuer la tâche à exécuter.

5 - Créer les Variables: temps et vie et les assigner.

6 - Gagner ou perdre.

Dernière étape : Petit exercice pour voir si vous avez bien compris.

Étape 1 - Mettre les costumes de fusée et choisir la taille et la position de départ de notre fusée.

Pour cela, aller dans la partie costume puis choisir un costume en bas à gauche.


Commencer par supprimer le sprite chat puis ajouter le sprite rocketship.


Pour attribuer la taille et la position de départ de notre fusée:

Nous allons commencer par dire que dès que le drapeau et cliqué, alors on va mettre la taille à 50% et aller à x= 0 et y = -130.

Nous allons aussi changer l'arrière plan :

Aller en bas à droite et cliquer sur choisir un arrière plan et choisir Stars.




Étape 2 - Créer l'animation de notre fusée.

Une partie normalement très simple:


Nous allons devoir ajouter après l'étape 1, demander de répéter indéfiniment costume suivant avec un attendre pour obtenir une animation fluide.




Étape 3 - Attribuer des touches pour que notre fusée puisse aller de droite à gauche.

Une partie un peu plus compliqué:


Nous allons devoir créer une condition : si une touche est touchée alors faire quelque chose.


Pour cela nous allons mettre les blocs quand le drapeau est cliqué, répéter indéfiniment, si la touche est pressée alors ajouter ou enlever à l'axe X.





Étape 4 - Nous allons ajouter un nouveau sprite qui sera l'étoile, et aussi lui attribuer ce qu'il devra faire.

L’objectif est que l'étoile apparaisse en haut de notre écran et qu'elle tombe puis disparaisse:

Pour cela nous allons créer des clones de l'étoile toute les 0.05sec à 0.5sec.


Ensuite, nous allons donner des propriétés au clone qui vont apparaîtrent :


Donc dès que je suis un clone je dois aller à x: entre -235 et 235 et y: 160.

Nous allons aussi répéter indéfiniment de descendre donc ajouter -10 à y.

Pour finir, nous allons créer une condition qui dit : si je touche le bord ou la fusée, alors on cache le clone.



Étape 5 - Créer les Variables pour le temps et la vie et les assigner.

Les variables:


Pour commencer nous allons créer la variable vie = 100 et l'afficher.


Puis nous allons créer une autre variable temps et intégrer un capteur chronomètre, nous allons devoir réinitialiser le chronomètre et répéter indéfiniment : mettre la variable temps à chronomètre.


Ensuite nous voulons que : quand le clone de l'étoile touche la fusée, la variable vie perde -10 pv:

Nouas allons donc ajouter dans la boucle une condition qui dit : si je touche la fusée j'ajoute -10 à vie.


Étape 6 - Gagner ou perdre.

Pour cette étape, nous allons créer nos propres sprites :

Cliquer en bas à droite puis glisser sur peindre et créer un sprite avec un costume gagné et perdu.


Apres avoir créer nos propres sprites nousallons lui donner des conditions :

Premièrement, nous allons lui demander de se cacher quand le jeu est lancé.


Si vie = 0 alors tu a perdu : montrer puis envoyer à tous stop .

Si temps > 300 sec alors tu a gagné : montrer puis envoyer à tous stop.

Deuxièment, il faut ajouter un événement qui dit : quand je reçois stop, attendre 2 sec et stop tout .



Étape 7 - Petit exercice pour voir si vous avez bien compris.

L’exercice est plutôt simple.

Ne pas regarder l'image 2 si vous faite l'exercice.


Je veux que vous rajoutiez un sprite du nom de rypley-a.


1 - Pour commencer il faut mettre sa taille à 25%, le cacher quand jeu est lancé.

2 - Créer un clone de lui toute les 30 sec à 60 sec.

3 - Faire que ce clone apparaisse en haut et tombe comme l’étoile mais à une vitesse de -8.

4 - Créer une condition : si il touche la fusée il ajoute 10 à vie.

5 - Créer une autre condition : si il touche le bord ou la fusée alors il se cache.


Résultat de l'exercice sur la 2 ème Image .



Éléments pédagogiques

Objectifs pédagogiques

Scratch est un nouveau langage de programmation qui facilite la création d'histoires et de dispositifs interactifs, de dessins animés, de jeux, de musiques, de simulations numériques, etc. et leurs partage sur le web.

Il est conçu pour initier les enfants, à partir de 8 ans à des concepts importants en mathématiques et informatiques et pour les aider à créer, à raisonner et à coopérer.

Le slogan de Scratch est « Imagine-Programme-Partage ! ». Le partage est en effet un fondamental de la pédagogie de Scratch.


Dernière modification 3/05/2022 par user:Camil Saliba.

Commentaires

Published