scratch:morpion_step_03_v1 [Fab Wiki]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
<title>Morpion - Etape 3</title>

==== Ce qu'on veut faire ====

Dans les étapes précédentes, on a créé la grille et un lutin qui pourra prendre la forme d'une croix ou d'un cercle.

Maintenant, nous allons commencer à créer un peu d'interactions.

Les objectifs de cette étape sont :
  * faire disparaître le lutin au début de la partie
  * placer le lutin de manière aléatoire
  * faire apparaître le lutin quand on clique sur le jeu
==== Ce qu'il faut faire ====

Pour pouvoir cacher le lutin, le déplacer et le faire apparaître, il faut créer des scripts (des programmes) dans le lutin pour lui indiquer comment se comporter.

Il faut donc tout d'abord sélectionner le lutin ''Lutin_morpion'' pour qu'il soit encadré en bleu :

{{:scratch:pasted:20200314-212624.png}}

Il faut ensuite sélectionner l'onglet ''Scripts'' :

{{:scratch:pasted:20200226-131415.png}}

Pour l'instant, le cadre de droite où on va créer les scripts est très petit. Il faut cliquer sur le petit triangle au milieu de la fenêtre pour l'agrandir :

{{:scratch:pasted:20200226-131556.png}}

Ensuite, il faut cliquer sur la catégorie ''Événements'' :

{{:scratch:pasted:20200226-131802.png}}

Il faut ensuite :
  * cliquer sur l'élément ''quand drapeau vert est cliqué'' sans relâcher le bouton de la souris
  * placer cet élément dans la zone de scripts
  * relâcher le bouton de la souris

{{:scratch:pasted:20200226-132227.png}}

Ensuite, il faut cliquer sur la catégorie ''Apparence'' :

{{:scratch:pasted:20200226-132413.png}}

Placer l'élément ''cacher'' en dessous de l'élément ''quand drapeau vert est cliqué''.

{{:scratch:pasted:20200226-132524.png}}

Voilà, le premier objectif est atteint : lorsque l'on va cliquer sur le drapeau vert, le lutin va disparaître.

Pour éviter de répéter qu'il faut aller dans une catégorie, puis sélectionner un élément et enfin le placer dans la zone de scripts, à partir de maintenant, on va simplement donner le nom de la catégorie, suivi de ''->'' suivi du nom de l'élément.
Par exemple, pour l'élément précédent, on indiquera simplement ''Apparence -> cacher''.

L'action suivante est de déplacer un le lutin au hasard. Il faut donc placer l'élément ''Mouvement -> aller à x: ... y: ...'' :

{{:scratch:pasted:20200226-162842.png}}

Il y a des valeurs qui sont mises automatiquement pour ''x'' et ''y'' (dans l'exemple, c'est ''36'' et ''17'').

Il est important de savoir que :
  * si ''x'' vaut ''-240'', alors le lutin est tout à gauche
  * si ''x'' vaut ''240'', alors le lutin est tout à droite
  * si ''y'' vaut ''-180'', alors le lutin est tout en bas
  * si ''y'' vaut ''180'', alors le lutin est tout en haut

Donc si ''x'' vaut ''0'' et ''y'' vaut ''0'', alors le lutin est au milieu de la grille. Comme nous voulons placer le lutin au hasard, il faut remplacer les valeurs de ''x'' et ''y'' par des éléments ''Opérateurs -> nombre aléatoire entre -240 et 240'' et ''Opérateurs -> nombre aléatoire entre -180 et 180''.

{{:scratch:pasted:20200226-163915.png}}

Il ne nous reste plus qu'à attendre que l'on clique quelque part sur le jeu pour afficher le lutin. Il faut donc ajouter un élément ''Contrôle -> attendre jusqu'à ...'' :

{{:scratch:pasted:20200226-164355.png}}

Ensuite, il faut insérer l'élément ''Capteurs -> souris pressée?'' dans l'élément ''attendre jusqu'à ...'' :

{{:scratch:pasted:20200226-164623.png}}

Il ne reste plus qu'à faire apparaître le lutin en ajoutant un élément ''Apparence -> montrer'' :

{{:scratch:pasted:20200226-164749.png}}

Essayons de cliquer sur le drapeau vert pour voir si ça fonctionne comme on voulait.

Aîe !! Le lutin devrait disparaître et n'apparaître que lorsque que l'on clique. Mais le lutin apparaît tout de suite ! C'est normal. En effet au moment où on presse la souris sur le drapeau vert, l'ordinateur commence déjà a exécuter le script du lutin. Il cache le lutin, il le déplace et il attend que la souris soit pressée pour afficher le lutin. Mais il est tellement rapide pour faire toutes ces actions que l'on a pas encore relâché la souris !

On est donc obligé d'ajouter une action supplémentaire qui est d'attendre que le souris soit relâchée avant d'attendre que la souris soit à nouveau pressée. Il faut donc insérer un nouvel élément ''Contrôle -> attendre jusqu'à ...'' :

{{:scratch:pasted:20200226-170004.png}}

Ensuite, il faut insérer l'élément ''Opérateurs -> non ...'' :

{{:scratch:pasted:20200226-170058.png}}

Enfin, il faut insérer l'élément ''Capteurs -> souris pressée?'' :

{{:scratch:pasted:20200226-170201.png}}

Cliquons sur le drapeau vert et nous constatons que le lutin n'apparaît plus immédiatement ! Maintenant, si on clique sur le jeu, le lutin apparaît !

Cette étape est donc terminée.

[[scratch:morpion_step_02|Etape précédente]] [[scratch:morpion_step_04|Etape suivante]]