| Both sides previous revision Previous revision Next revision | Previous revision |
| scratch:morpion_step_01 [2020/02/25 22:10] – [Mettre en place la grille] fab | scratch:morpion_step_01 [2020/02/26 18:29] (current) – fab |
|---|
| <title>Morpion - Etape 1</title> | <title>Morpion - Etape 1</title> |
| |
| ==== Objectifs ==== | ==== Ce qu'on veut faire ==== |
| |
| Dans cette première étape, on a 2 objectifs : | L'objectif de l'étape 1 est de faire apparaître la grille du jeu. |
| * mettre en place la grille du morpion | |
| * faire apparaître une croix à l'endroit où on clique | |
| |
| ==== Mettre en place la grille ==== | ==== Ce qu'il faut faire ==== |
| |
| Il faut télécharger l'image de la [[https://gitlab.fabnet.eu/fab/scratch-morpion/raw/master/svg/Morpion_background.svg?inline=false|grille]]. | Quand scratch démarre, la scène est créée automatiquement avec un arrière plan complètement blanc : |
| |
| | {{:scratch:pasted:20200225-222212.png}} |
| |
| | Nous devons faire apparaître un arrière plan avec une grille. |
| | |
| | Il faut télécharger l'[[https://gitlab.fabnet.eu/fab/scratch-morpion/raw/master/svg/Morpion_background.svg?inline=false|image de cette grille]] et l'enregistrer sur son ordinateur. |
| | |
| | Il faut cliquer sur la ''scène'' en bas à gauche pour qu'elle soit sélectionnée et qu'elle soit encadrée en bleu : |
| | |
| | {{:scratch:pasted:20200225-222804.png}} |
| | |
| | Ensuite, il faut cliquer sur l'onglet ''Arrière-plans'' en haut à droite : |
| | |
| | {{:scratch:pasted:20200225-223105.png}} |
| | |
| | |
| | Ensuite, il faut cliquer sur l'icône qui permet d'importer un arrière plan depuis un fichier. |
| | |
| | {{:scratch:pasted:20200225-223711.png}} |
| | |
| | Il faut sélectionner le fichier ''Morpion_background.svg'' qui a été télécharger auparavant et cliquer sur le bouton ''Ouvrir'' : |
| | |
| | {{:scratch:pasted:20200225-224011.png}} |
| | |
| | Notre grille apparaît ! Mais il reste encore l'arrière plan complètement blanc qui ne sert plus à rien : |
| | |
| | {{:scratch:pasted:20200225-225825.png}} |
| | |
| | Il faut cliquer sur l' ''arrière-plan1'' pour qu'il soit sélectionné et qu'il soit encadré en bleu : |
| | |
| | {{:scratch:pasted:20200225-225441.png}} |
| | |
| | Il faut ensuite cliquer sur la petite croix pour supprimer cet arrière plan : |
| | |
| | {{:scratch:pasted:20200225-225533.png}} |
| | |
| | L'étape 1 est finie ! |
| | |
| | {{:scratch:pasted:20200225-230013.png}} |
| | |
| | [[scratch:morpion_step_02|Etape suivante]] |