Découvrir le langage de programmation avec Scratch

Vous voulez vous lancer dans le codage de façon simple et amusante ? Ce tutoriel va vous montrer comment prendre en main Scratch, un logiciel de codage intuitif.

Difficulté

Easy Facile

Durée

1 hour(s) heure(s)

Public

Professionnels, Grand public

Licence

CC-BY-SA

Type de contenu

Fiche action, Mediation

Codage, ; enfants Faire_un_atelier_avec_Scratch_scratch.jpg

Introduction

Scratch est une application ludique permettant d'apprendre les bases du codage informatique simplement. Bien qu'il s'adresse avant tout à un public enfantin, Scratch peut-être utilisé par n'importe qui souhaitant s'essayer à ce sujet.

On peut réaliser des films, de la musique et aussi des jeux vidéo.

Déjà souvent employé dans le milieu scolaire, il permet des possibilités d'animations riches et variées.

Étape 1 - Explicitation du site

1 : La page d'accueil du site offre un design coloré et enfantin.

2 : Vous accédez à la partie création.

3 : Vous accédez à l'ensemble des créations de la communauté

4 : Vous accédez aux tutoriels pour apprendre à se servir de Scratch.

5 : Vous devez créer un compte afin de sauvegarder vos créations.

Étape 2 - Page de création

Voici la page du menu de création :

1 : Scratch utilise une ligne de codage simple à base de blocs à empiler.

2 : L'écran où on aligne les blocs de programmations. Il faut les empiler les uns sur les autres pour faire une suite d’événements.

3 : L'animation à réaliser s'affiche dans le coin supérieur droit de l'écran. Le petit drapeau vert situé au-dessus permet de démarrer l'animation.

4 : L'écran on peut choisir des "Sprites" (icônes en forme de personnages ou d'objet) et des fonds d'écrans.

5 : Ce menu permet de naviguer entre la page de codage, celle de modification des Sprites ou de gérer les fonds sonores.

Étape 3 - Utiliser des "Sprites"-2

1. Dans Scratch, les personnages et objets sont appelés "sprites". Par défaut, le sprite du chat orange du logo de Scratch est placé. Vous pouvez le déplacer sur l'écran d'animation en maintenant le bouton gauche de la souris.
2. Vous pouvez donner un nom à votre "Sprite"
3. En changeant les valeurs x et y, le "Sprite" changera de position sur l'écran
4. Vous pouvez choisir d'afficher ou non le Sprite sélectionné
5. Vous pouvez modifier la taille du Sprite sélectionné
6. Vous pouvez modifier l'orientation du Sprite sélectionné
7. Vous pouvez passez d'un "Sprite" à l'autre et en supprimer avec l'icône poubelle.
8. Un menu déroulant s'affiche en passant le pointeur de la souris dessus, permettant d'importer un "Sprite", d'en choisir un aléatoirement, de le peindre, ou d'en choisir un parmi ceux de Scratch.

Étape 4 - Ajouter un Sprite

Voici à quoi ressemble la base de données des "Sprites" de Scratch.

On peut les filtrer en catégories et faire une recherche manuellement.

Le nom des Sprites est écrit en anglais, si voulez faire une recherche, vous devez l'écrire en anglais aussi.

Étape 5 - Modifier un Sprite

Tous les Sprites peuvent être modifiés à sa convenance. Il faut appuyer sur le Sprite à modifier puis à appuyer dans la rubrique"costumes" en haut à gauche de l'écran.

1. Les costumes permettent d'ajouter d'autres Sprites et de les regrouper ensemble. Les costumes des Sprites sont affichés sur la gauche de l'écran.
2. On trouve différents outils pour modifier un dessin : un pinceau, une gomme, des formes géométriques, ou encore du texte.
3. Les menus sur le haut permettent d'avancer ou de reculer un Sprite et aussi de choisir son intensité d'arrière-plan, ou de modifier la couleur.
4. On peut zoomer ou dézoomer.

Étape 6 - Ajouter une scène

1. Comme pour ajouter un Sprite, il faut laisser le pointeur de la souris sur ce bouton, et choisir sur le menu déroulant si on veut importer une scène, en afficher une aléatoirement, la peindre ou bien en choisir une dans la banque de fonds d'écrans.
2. Les scènes sélectionnées s'affichent ici. Vous pouvez passer de l'une à l'autre en appuyant dessus.

Étape 7 - Modifier une scène

On peut aussi modifier une scène en cliquant dessus et en allant dans la rubrique "arrière-plans" en haut à gauche de l'écran.

Les outils sont légèrement différents de ceux des Sprites. On peut ici sélectionner une partie du dessin pour l'effacer ou la déplacer avec l'outil "sélectionner".

On peut choisir l'orientation de l'arrière-plan ou copier-coller une partie.

Étape 8 - Modifier un son

Pour modifier un son sur Scratch, aller dans la rubrique "sons" en haut à gauche de l'écran de création.

1. Les sons s'affichent sur le côté gauche
2. On peut importer un son, en enregistrer un, en choisir un dans la banque de sons de Scratch, ou demander à en choisir un aléatoirement.
3. Les modifications des sons permettent de réduire ou d’accélérer la vitesse ou le son, d'inverser la piste, de rajouter un son robotique sur la piste, ou encore de rajouter des fondus.

Étape 9 - Commencer à coder-1

1) Les blocs sont répartis par catégories, qui ont des couleurs différente :

• Mouvements : faire bouger un Sprite.
• Apparence : ajouter des dialogues, changer de "costume" pour un Sprite, ou en modifier la taille ou la couleur.
• Son : jouer un son en pouvant ajouter des modifications sonores.
• Événement : ajouter un événement (quand le "Sprite" chat est cliqué, le faire miauler).
• Contrôle : faire attendre quelques secondes avant qu'une action ne se produise, où faire qu'elle se répète un certain nombre de fois.
• Capteurs : ajouter une action quand une touche du clavier est pressée.
• Opérateur : faire des calculs mathématiques, intégrer une dimension aléatoire à l'animation.
• Variable : blocs permettant d'ajouter des variables
• Mes blocs : permet de regrouper des ensemble de blocs pour les retrouver facilement sans les reproduire.

2) Pour utiliser un bloc, vous devez le faire glisser jusque dans la partie centrale de l'écran de création en maintenant le clic gauche de la souris. Il faut ensuite les empiler verticalement, et du haut vers le bas.

3) Pour démarrer votre ligne de code, vous devez toujours mettre au début du code le bloc "quand drapeau vert est cliqué", vous le trouverez dans la partie "événements" en jaune.

Étape 10 - Commencer à coder-2

Une fois que vous avez terminé votre code, appuyez sur le drapeau vert pour lancer l'animation. Cette étape permet de vérifier si le code fonctionne et que le résultat est bien celui que l'on attendait. Le bouton rouge à coté du drapeau permet de mettre en pause l'action.

...Il arrive souvent qu'on ne parvienne pas au résultat désiré du premier coup, il faut dans ce cas persévérer pour comprendre où se situe l'erreur dans le code.

Published