Découvrir la programmation créative : Scratch

Découvrir la programmation créative : Scratch

Start

Introduction

Scratch est un langage de programmation visuel développé par le MIT et lancé en 2007 pour apprendre à coder de manière ludique et intuitive. Il permet de créer des animations, des jeux et des histoires interactives en assemblant des blocs de code comme des Legos. URL : https://scratch.mit.edu/

Objectifs Pédagogiques

À la fin de ce cours, les apprenants seront capables de :

• ✅ Comprendre les principes de base de la programmation créative.
• ✅ Naviguer et utiliser l’interface de Scratch.
• ✅ Créer un premier projet interactif en utilisant des blocs de code.
• ✅ Expérimenter avec les concepts de séquences, boucles et événements.
• ✅ Concevoir une animation ou un jeu simple.

Niveau : Débutant Durée : 1h Public Visé : Débutants en programmation, enseignants, enfants dès 8 ans

Modules

Creer une première animation

Scratch et son interface

Les blocs

Découvre la plateforme, l'éditeur de projet et son mode de fonctionnement

Comment réaliser une animation simple

Découvre les blocs et leurs différentes catégories

01

Scratch et son interface

Activité 1 : Créer un compte

Étape 1 : Accéder à la plateforme Scratch

• https://scratch.mit.edu

Étape 2 : Créer un compte

• Cliquer sur "Rejoindre Scratch" en haut à droite de la page
• Renseigner ses informations personnelles et définir un mot de passe sécurisé
• Valider l'inscription en cliquant sur le lien reçu par e-mail

✅ Bravo, votre compte est prêt !

Activité 2 : Explorer les projets

Étape 1 : Accéder aux projets

• Une fois connecté sur la plateforme, clique sur le bouton "Explorer" en haut de l'écran
• Filtre les projets par catégories (Animations, Jeux, Histoires, etc.)
• Clique sur un projet au choix pour l'ouvrir

Étape 2 : Tester un projet interactif

• Clique sur le bouton "Voir à l’intérieur" pour observer le code d’un projet.
• Regarde comment les blocs sont utilisés pour créer des mouvements, des interactions et des sons.

💡 Astuce : Scratch permet de remixer un projet pour le modifier et l’adapter à ses envies.

L'éditeur de projets Scratch

Activité 3 : Explorer l'éditeur de projets

Étape 1 : Créer un nouveau projet

• Cliquer sur le bouton "Créer" en haut de l'écran

Étape 2 : Tester les éléments de l'éditeur de projet

• Observe les différentes sections et leur fonctionnalités
• Dans la catégorie évènement utilise le bloc "Quand drapeau vert est cliqué"
• Fais le glisser dans le panneau de script
• Ce bloc est un déclencheur, indispensable pour démarrer un programme

• Essaie d'emboîter tes premiers blocs et d'exécuter le script pour observer le résultat
• Modifie le script pour ajuster le programme en fonction de tes envies

💡 Astuce : Tu peux revenir à la page précédente pour avoir plus d'informations sur les éléments de l'éditeur de projets.

Quiz - L'éditeur de projets

Ce quiz a pour but de t’aider à reconnaître les différents outils de l’éditeur de projet. 🔍 Si tu hésites sur une question, n’hésite pas à explorer l’éditeur pour trouver la réponse ! 🚀

1/4

2/4

3/4

4/4

02

Les blocs

Les Catégories des Blocs dans Scratch

Comprendre les Blocs ScratchLes blocs s’emboîtent comme des pièces de puzzle et permettent de programmer facilement des animations et des jeux. Ils sont classés par catégories, chacune ayant une couleur.

Son

Apparence

Mouvement

Événements

Déclenche des actions.

Déplace tes sprites.

Modifie l’aspect des sprites.

Gère l’audio du projet.

Les Catégories des Blocs dans Scratch Rappel important ! 🚨

Utilise le bloc "Quand drapeau vert est cliqué", pour démarrer le programme lorsque tu clique sur le drapeau vert. Tu peux également utiliser d'autres blocs d'évènement pour lancer ton programme, ils sont indispensable pour que le programme fonctionne

Opérateurs

Capteurs

Contrôle

Variables

Stocke et manipule des données.

Organise l’exécution du programme.

Permet d’interagir avec l’utilisateur.

Effectue des calculs et comparaisons.

Quiz - Les blocs

Ce quiz a pour objectif de t’aider à identifier les différentes catégories de blocs et leur utilisation. 🧩 Si tu as un doute, explore l’éditeur pour tester les blocs et mieux comprendre leur fonctionnement ! 🚀

1/4

3/4

2/4

4/4

03

Créer une première animation

🎯Objectif : Créer un jeu simple où ton personnage doit sauter au bon moment pour éviter des obstacles qui défilent.

Créer une première animation

Etape 1 : L'arrière-plan

Ajouter un arrière-plan à la scène

• Clique ce bouton en bas à droite de l'écran :
• Selectionne un décor de ton choix

💡 Astuce : Un décor simple avec un sol visible facilitera le placement des obstacles. (route, désert, ville, etc)

Etape 2 : Faire sauter ton personnage

Maintenant, on cherche à faire sauter le personnage lorsque l'on presse la touche espace.Commence par placer ton personnage au niveau du sol.On a besoin de plusieurs blocs de code pour le faire sauter.

Etape 2 : Faire sauter ton personnage

Fais glisser les blocs dans le panneau de script. Voici le script que tu devrais obternir : Ton personnage devrait maintenant pouvoir sauter lorsque tu presses la barre espace. Test ton programme et vérifie qu'il fonctionne correctement. 💡 Astuce : Tu peux adapter la hauteur et la durée de ton saut en fonction de la taille de l'obstacle

Etape 3 : Ajouter un obstacle

🎯 Objectif : Créer un obstacle qui se déplace de la droite vers la gauche. Ajouter un nouveau sprite

• Clique ce bouton en bas à droite de l'écran :
• Selectionne un sprite de ton choix, tu peux également l'importer depuis ton ordinateur
• Camion, Cactus, Rocher, Bus, etc.
• Place ton obstacle au niveau du sol, sur le coté droit de la scène

📌 Rappel important : Dans Scratch, chaque sprite (personnage ou objet) possède son propre code. Avant d’ajouter des blocs, vérifie bien que tu es dans le bon panneau de script ! Clique sur l’icône de ton obstacle sous la scène pour sélectionner son code avant de passer à la suite

Etape 4 : Déplacement de l'obstacle

Le script pour le déplacement de l'obstacle est un peu plus complexe : Les blocs de code

• On commence par utiliser le bloc "Répéter indéfiniment"

• On utilise ensuite le bloc "glisser" pour un déplacement fluide
• Complète les champs avec les valeurs de l'illustration
• Adapte la valeur de y en fonction de la hauteur du sol
• Fais ensuite glisser le bloc "si ... alors" dans le panneau de script
• Dans l'espace vide en forme de losange,
• Utilise le bloc "... < ..."
• Complète le premier champ avec le bloc "abscisse x"
• Le second avec -290 (bord de la scène)

• Enfin, utilise le bloc "aller à x : ... y : ..."
• Cela permet de faire revenir l'obstacle à droite une fois qu'il a atteint le bord gauche
• Adapte la valeur de y en fonction de la hauteur du sol

Etape 5 : Détecter les collisions

🎯 Objectif : Vérifier si ton personnage touche l'obstacle et arrêter le jeu. Clique sur l’icône de ton personnage sous la scène pour sélectionner son code avant de passer à la suite Les blocs de code

• On commence par utiliser le bloc "quand drapeau vert cliqué"
• On utilise maintenant le bloc "Répéter indéfiniment"

• Fais ensuite glisser le bloc "si ... alors" dans la boucle
• Dans l'espace vide en forme de losange,
• Utilise le bloc : "touche le "obstacle""
• Sélectionne le nom de ton obstacle dans le menu déroulant
• Complète l'espace vide avec le bloc : "stop "tout""
• Sélectionne "tout" dans le menu déroulant

🎉 Félicitations ! Tu as réussi ! 🚀

👏 Bravo ! Tu as créé ta première animation interactive avec un personnage qui saute et des obstacles qui défilent. 🎮 N'oublie pas de sauvegarder ton projet et de me le partager !🔗 👉 Tu peux explorer le projet terminé ici : 💡 Et maintenant ? Tu veux aller plus loin ?✅ Ajoute un score 🎯Chaque fois que le joueur évite un obstacle, le score augmente !Utilise les variables pour stocker et afficher le score.✅ Augmente la difficulté ⚡Fais accélérer les obstacles progressivement pour rendre le jeu plus dur !Ajoute différents types d’obstacles. ✅ Ajoute un son et des effets 🎶Un bruit de saut, une explosion en cas d’échec, un fond musical…

🙏 Merci pour ta participation ! 🎉

👏 Bravo ! Tu as franchi une nouvelle étape dans la programmation avec Scratch ! 🚀 💡 Une question ? Un retour ? Envie de partager ton projet ? 📩 Envoie-moi ton projet et pose tes questions à : 📧 naimdrabo@gmail.com Je serais ravi de voir tes créations et de t’aider à aller encore plus loin ! 😊 🔥 Continue à expérimenter, coder et créer !

Course completed!

Événements – Déclencher des actions ⚡

Active un script en fonction d’une interaction, un bloc d'évènement est indispensable pour démarrer le programme. Blocs clés : "Quand drapeau vert est cliqué" → pour démarrer le programme à l'aide du drapeau vert. "Quand la touche espace est pressée" → Réagit au clavier. "Quand je reçois [Message1]" → Synchronise les actions. 💡 Essentiel pour la navigation et les interactions.

Opérateurs – Faire des calculs 🧮

Réalise des opérations mathématiques et des comparaisons. Blocs clés : "10 + 5" → Effectue un calcul. "Nombre aléatoire entre 1 et 10" → Génère un nombre au hasard. "10 > 5 ?" → Vérifie une condition. 💡 Indispensable pour gérer les scores et les événements conditionnels.

Apparence – Modifier le visuel 🎭

Change l’apparence des sprites et affiche du texte. Blocs clés : "Dire Bonjour !" → Affiche un message. "Changer de costume" → Anime un sprite. "Cacher / Montrer" → Masque ou affiche un sprite. 💡 Parfait pour les dialogues ou les transformations.

Mouvement - Déplacer les Sprites 🚀

Fait bouger les sprites dans la scène. Tes personnages évoluent dur 2 axes : x : horizontal y : vertical Blocs clés : "Avancer de 10 pas" → Déplace le sprite. "Tourner de 15°" → Fait pivoter le sprite. "Glisser en 1 sec vers x: 0 y: 0" → Déplacement fluide. "Ajouter 50 à y" → Change la position de ton sprite en ajoutant 50 à la valeur actuelle de y. 💡 Utilise ces blocs pour animer un personnage qui marche ou un objet qui bouge dans ton animation.

Son – Ajouter du son 🔊

Ajoute des effets sonores et de la musique. Blocs clés : "Jouer le son [miaou]" → Lance un son. "Arrêter tous les sons" → Coupe l’audio. "Modifier le volume de 10" → Ajuste le son. 💡 Rend les projets plus immersifs avec du son d’ambiance !

Variables – Mémoriser des infos 📊

Stocke et modifie des valeurs comme un score. Blocs clés : "Créer une variable [Score]" → Ajoute une donnée. "Changer [Score] de 1" → Augmente le score. "Afficher la variable [Score]" → Montre la valeur. 💡 Utile pour les jeux et les systèmes de progression.

Contrôle – Organiser le programme 🔄

Gère les boucles et les conditions. Blocs clés : "Répéter 10 fois" → Exécute une action plusieurs fois. "Si… alors…" → Ajoute une condition. "Attendre 1 seconde" → Pause entre les actions. 💡 Permet de créer des mécaniques de jeu.

Capteurs – Réagir aux interactions

Détecte les actions de l’utilisateur ou du programme. Blocs clés : "Touche espace pressée ?" → Détecte une saisie. "Touchant [Sprite] ?" → Vérifie une collision. "Demander [Nom] et attendre" → Dialogue avec l’utilisateur. 💡 Ajoute du dynamisme aux projets ! Idéal pour les jeux interactifs