{"id":4835,"date":"2022-01-22T09:20:19","date_gmt":"2022-01-22T08:20:19","guid":{"rendered":"http:\/\/www.boichat.ch\/wordpress\/?p=4835"},"modified":"2026-03-27T10:10:53","modified_gmt":"2026-03-27T09:10:53","slug":"debuter-et-programmer-avec-scratch-pour-les-enfants-et-leurs-parents","status":"publish","type":"post","link":"https:\/\/www.boichat.ch\/wordpress\/2022\/01\/22\/debuter-et-programmer-avec-scratch-pour-les-enfants-et-leurs-parents\/","title":{"rendered":"D\u00e9buter et programmer avec Scratch pour les enfants et leurs parents"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

D\u00e9buter et programmer avec Scratch
pour les enfants et leurs parents<\/strong><\/h1>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

L’id\u00e9e ici est de donner de bonnes pistes pour d\u00e9buter avec Scratch<\/strong>, pour les d\u00e9butants, les enfants ou leurs parents. J’ai senti la n\u00e9cessit\u00e9 de d\u00e9crire son utilisation uniquement hors ligne<\/strong>, ce qui n’est pas une mauvaise id\u00e9e, je pense!<\/p>\n

Scratch,<\/strong> comme pr\u00e9cis\u00e9 dans la page Wikipedia https:\/\/fr.wikipedia.org\/wiki\/Scratch_(langage)<\/a> , est un langage de programmation graphique manipulable et ex\u00e9cutable par le logiciel du m\u00eame nom \u00e0 vocation \u00e9ducative.<\/p>\n

Avec<\/span> <\/span>Scratch <\/span>on cr\u00e9e en fait de petits jeux, m\u00eame si, comme ici, ce sont de petits exercices \u00e9volutifs. Aucun des exemples ne sont vraiment termin\u00e9s, car ils ont besoin de fonctions souvent expliqu\u00e9es plus loin. On pourrait aussi consid\u00e9rer cet article comme un dictionnaire <\/span>\u00e9volutif<\/span> des fonctionnalit\u00e9s de <\/span>Scratch<\/b><\/span>.<\/span><\/p>\n

Article commenc\u00e9 en Janvier 2022 et finalis\u00e9 fin f\u00e9vrier 2022.
J’\u00e9tais tout neuf avec Scratch d\u00e9but 2022. Vous pouvez me contacter pour toutes suggestions, erreurs ou autres:  <\/strong>jean-bernard@boichat.ch<\/a>.
 Fin f\u00e9vrier 2022, je pense avoir fait un bon travail et je vais laisser cet article tel quel.
J’ai apport\u00e9 de petites adaptations d\u00e9but 2025. D\u00e9but 2026: Impressionner par le nombre de lectures! Merci \u00e0 tous.<\/b><\/p>\n

Un truc super pour une copie \u00e9cran partiel sous Windows (les morceaux de code ci-dessous): touche Windows, Maj et S<\/b> ensemble.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Quel \u00e2ge minimum pour Scratch<\/strong><\/h2>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

J’en ai fait l’exp\u00e9rience avec deux enfants de 10 ans<\/b> et en m\u00eame temps. L’introduction a \u00e9t\u00e9 tr\u00e8s rapide et il faut les guider avec de petits exemples simples. Ensuite j’ai demand\u00e9 au premier de former le second et cela a tr\u00e8s bien march\u00e9. Ensuite ils se sont relay\u00e9s en se donnant l’un l’autre des id\u00e9es de cr\u00e9ations. J’ai eu tr\u00e8s peu de questions. L’outil est tellement intuitif qu’ils ont m\u00eame utilis\u00e9 des instructions nouvelles pour moi. Ensuite il faut les laisser travailler ensemble et seul. Il ne faut pas oublier de leur montrer comment sauvegarder leur travail, avec souvent une nouvelle version ou un nouveau nom. Donc un \u00e2ge minimum pourrait \u00eatre de 8 ans<\/b>, sans doute!<\/p>\n

Ils se sont montr\u00e9s fier de me montrer leurs r\u00e9alisations. J’ai examin\u00e9 de temps en temps leur code pour y faire quelques remarques. Le concept de boucle (les instructions r\u00e9p\u00e9ter<\/b>) n’est pas facile au d\u00e9but. Les instruction si<\/b> viendront plus tard. S’ils avancent de 40 pas et ensuite encore de 40 pas, s’ils cachent le lutin et le montre \u00e0 nouveau, il faut leur expliquer de faire une pause entre les instruction avec\u00a0attendre<\/b>. A 10 ans on bute sur le 1 seconde, trop long, et il faut leur expliquer le 0.2 pour 2 dixi\u00e8mes. Pour les angles, cela peut s’av\u00e9rer s\u00e9rieusement compliqu\u00e9: \u00e0 cet \u00e2ge un 45 degr\u00e9s est sans doute un grand myst\u00e8re.<\/p>\n

Les parents risquent de se prendre\u00a0 aux jeux et il ne faudra pas oublier de laisser leurs gosses se d\u00e9brouiller tout seul!<\/p>\n

Les enfants vont adorer les sons et les costumes.\u00a0<\/span>Il faudra bien leur expliquer que si un programme est \u00e0 nouveau ex\u00e9cut\u00e9, on devra le r\u00e9initialiser avec quelques premi\u00e8res instructions appropri\u00e9es … sinon nous d\u00e9couvrirons par exemple un mauvais costume. Mais c’est avant tout la position d’origine qui sera facile \u00e0 assimiler.<\/p>\n

Cet article est progressif dans l’apprentissage de Scratch<\/b>. D\u00e8s qu’on voudra am\u00e9liorer ces petits jeux ou vid\u00e9os, il faudra ajouter de plus en plus de boucles et de conditions, donc quelques ann\u00e9es aux jeunes programmeurs. Ensuite, plus il y aura de variables, de sprites et de s\u00e9quences d’instructions, m\u00eame les parents risquent de s’y perdre.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Info sur le Web<\/strong><\/h2>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Scratch <\/b>est tr\u00e8s populaire sur les r\u00e9seaux francophones. Une simple recherche sur Google<\/b>, m\u00eame en fran\u00e7ais, suffira.<\/p>\n

Il y a une foule de sites Web d\u00e9di\u00e9s \u00e0 Scratch dont par exemple\u00a0https:\/\/fr.scratch-wiki.info\/<\/a>. De nombreuses vid\u00e9os Youtube sont disponible m\u00eame si elles sont parfois tr\u00e8s voire trop \u00e9l\u00e9mentaires. A partir d’une cat\u00e9gorie qu’on pourra s\u00e9lectionner dans la liste des cat\u00e9gories<\/a><\/b>, on pourra attendre une instruction particuli\u00e8re. Il y a aussi des tutos bien pratiques<\/a><\/b>.<\/p>\n

C\u2019est aussi toujours une bonne id\u00e9e de chercher aussi les sites anglophones, en donnant des mots cl\u00e9s en anglais!<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Installation<\/strong><\/h2>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

J’ai install\u00e9 et utilis\u00e9 moi-m\u00eame Scratch 3\u00a0<\/b>sous PC Windows 11<\/b>, mais je devrais aussi pouvoir donner les instructions pour Mac OS<\/b>.<\/p>\n

Les liens d’installation au moment de l’\u00e9criture de cette page \u00e9taient\u00a0pour Windows\u00a0https:\/\/scratch.fr.uptodown.com\/windows<\/a><\/b> et pour Mac\u00a0<\/span>https:\/\/scratch.fr.uptodown.com\/mac<\/a>.
Attention \u00e0 ces pages Web: on risque de t\u00e9l\u00e9charger n’importe quoi si on clique \u00e0 la mauvaise place (je d\u00e9teste cette fa\u00e7on de se faire “pincer” et sans lien ou bouton clair et direct).<\/span><\/p>\n

En\u00a0Mars 2026<\/span><\/span>\u00a0on en est \u00e0 la version\u00a0<\/span>3.31.1<\/span>! Je n’ai pas corrig\u00e9 le texte ici, \u00e9crit lors de la cr\u00e9ation du document.<\/p>\n

Pour la version Windows <\/b>on cliquera sur le bouton bleu <\/span>Derni\u00e8re version 3.26.0 12 Nov. 2021 <\/b>et ensuite sur le bouton vert T\u00e9l\u00e9charger gratuit<\/b><\/span>. parfois sur une seconde page Web!
Le fichier\u00a0<\/span>scratch-3-26-0.exe<\/strong>, apr\u00e8s t\u00e9l\u00e9chargement, pourra ensuite \u00eatre ex\u00e9cut\u00e9. Nous indiquerons pour l’instant “Do not share my usage data with the Sctatch team”,<\/b> donc pas de partage sur Internet..
Une fen\u00eatre nous demandera de confirmer l’installation pour tous les utilisateurs et c’est conseill\u00e9. A la fin de l’installation de Scratch 3<\/strong> nous pourrons lancer l’application.<\/span><\/p>\n

Le code des exercices ci-dessous se trouve sur mon site Web<\/a><\/strong>\u00a0et en zip aussi<\/a><\/strong>!<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Premier d\u00e9marrage<\/strong><\/h2>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

L’image pr\u00e9sent\u00e9e ici correspond \u00e0 notre outil Scratch<\/strong> au premier d\u00e9marrage:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Dans le menu tout en haut \u00e0 gauche, nous avons le globe qui nous permettrait de s\u00e9lectionner la langue. Nous pourrions y d\u00e9finir la langue anglaise si nous d\u00e9sirons des instructions plus proches des langages de programmation usuelles.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Si nous passons \u00e0 Fichier <\/b>nous verrons que nous pourrons avec Nouveau <\/b>cr\u00e9er un nouveau projet, avec une demande de confirmation d’effacement du plan de travail.<\/p>\n

Importer <\/b>et Sauvegarder <\/b>nous permettrons de charger des programmes existants et de les sauver. Lors de la premi\u00e8re utilisation il est conseill\u00e9 de d\u00e9finir un r\u00e9pertoire de travail que nous aurons pr\u00e9alablement cr\u00e9\u00e9.\u00a0<\/p>\n

En utilisant l’explorateur de fichiers de Windows nous verrons que les fichiers Scratch <\/b>poss\u00e8dent une extension .sb3<\/b>\u00a0et il est utile de les associer au programme, chez moi\u00a0“C:\\Program Files (x86)\\Scratch 3\\Scratch 3.exe”. De cette mani\u00e8re un double clic sur le fichier nous permettra d’avoir notre projet charg\u00e9 dans Scratch<\/b>. code existant, si pr\u00e9sent.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Premier programme tout simple<\/strong><\/h2>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Je n’ai pas l’intention de d\u00e9poser ici de vid\u00e9o Youtube <\/b>d\u00e9crivant ces exemples et exercices, car non seulement c’est trop de travail, mais si mon code n\u00e9cessite un petit changement pour am\u00e9liorer le code, il faudrait refaire cette la vid\u00e9o. Je vais donc simplement donner l’acc\u00e8s aux fichiers .sb3<\/b> qu’on pourra t\u00e9l\u00e9charger et visionner dans Scratch<\/b>.<\/p>\n

Si la description ci-dessous est trop compliqu\u00e9e, pourquoi visionner la vid\u00e9o SCRATCH 3 – Tuto #1 – Pr\u00e9sentation de l’interface<\/a>. Au contraire, si c’est trop facile, charger le programme avec le lien et faites les exercices!<\/p>\n

Par d\u00e9faut Scratch <\/b>est lanc\u00e9 avec une sc\u00e8ne vide et notre Sprite1 <\/b>(le sprite, le lutin en fran\u00e7ais). Nous commencerons par cliquer sur le bouton tout en bas \u00e0 droite (voir l’image ci-dessus) pour d\u00e9finir un arri\u00e8re plan. Nous choisirons  la cat\u00e9gorie Int\u00e9rieur <\/b>et Bedroom3<\/b>.<\/p>\n

Avant de continuer nous pouvons aussi t\u00e9l\u00e9charg\u00e9 l’exercice termin\u00e9, Scratch Exercice 1<\/a>, <\/b>le d\u00e9poser dans un r\u00e9pertoire de travail et l’importer dans Scratch<\/b>.<\/p>\n

En pressant le bouton gauche de la souris positionn\u00e9 sur le chat, dans la fen\u00eatre en haut \u00e0 droite, nous le d\u00e9placerons en -150 (x<\/b>) et -120 (y<\/b>). Nous pouvons d\u00e9finir cette position plus pr\u00e9cis\u00e9ment avec les x et y indiqu\u00e9s dans la fen\u00eatre inf\u00e9rieure \u00e0 droite. Sur l’image ci-dessus, nous avons 0 et 0, car notre image est au milieu de la sc\u00e8ne.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Dans la partie droite inf\u00e9rieure, nous pouvons \u00e9diter les param\u00e8tres du lutin Sprite1<\/strong>, voire en ajouter d’autres.<\/p>\n

Si on clique sur le lutin dans la fen\u00eatre sup\u00e9rieure, on peut le d\u00e9placer en tenant le bouton gauche de la souris press\u00e9, le positionner suivant l’arri\u00e8re plan et les valeurs de x<\/strong> et y<\/strong> vont \u00eatre pr\u00e9sent\u00e9es. Lors de la cr\u00e9ation du programme, ces deux valeurs viendront souvent au d\u00e9but du script, donc au d\u00e9marrage du programme.<\/p>\n

Attention \u00e0 la direction 90<\/strong>: les jeunes enfants ne savent pas trop \u00e0 quoi elle sert et ils la modifient. On y reviendra.<\/p>\n

La taille aussi peut \u00eatre adapt\u00e9e ici, mais c’est aussi possible avec l’instruction appropri\u00e9e.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Avant de continuer nous pouvons aussi t\u00e9l\u00e9charg\u00e9 l’exercice termin\u00e9,\u00a0<\/span>Scratch Exercice 1<\/a>,\u00a0<\/b>le d\u00e9poser dans un r\u00e9pertoire de travail et de l’importer dans <\/span>Scratch<\/b>.<\/span><\/p>\n

En pressant le bouton gauche de la souris positionn\u00e9 sur le chat, dans la fen\u00eatre en haut \u00e0 droite, nous le d\u00e9placerons en -150 (x<\/b>) et -120 (y<\/b>). Nous pouvons d\u00e9finir cette position plus pr\u00e9cis\u00e9ment avec les x et y indiqu\u00e9s dans la fen\u00eatre inf\u00e9rieure \u00e0 droite. Sur l’image ci-dessus, nous avons 0 et 0, car notre image est au milieu de la sc\u00e8ne.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Nous allons d\u00e9poser nos premi\u00e8res instructions, dont la premi\u00e8re se trouve dans la cat\u00e9gorie \u00c9v\u00e9nements <\/b>(menu sous Code <\/b>en haut \u00e0 gauche), un bouton cercle jaune orange. En se d\u00e9pla\u00e7ant dans la liste des \u00e9v\u00e8nements une main appara\u00eetra et qui s’ouvrira si on clique dessus. On poussera alors l’\u00e9v\u00e8nement Quand “drapeau vert” est cliqu\u00e9<\/b> dans la fen\u00eatre centrale. <\/p>\n

Le drapeau vert se retrouve en haut \u00e0 droite de Scratch<\/b>, c’est lui qui permet d’ex\u00e9cuter le programme (voir ci-dessous)..<\/p>\n

L’instruction Aller \u00e0 x\/y<\/b> se trouve dans la partie Mouvement <\/b>des instruction et on la glisse sous la premi\u00e8re instruction. La raison de cette instruction et de remettre le chat \u00e0 l’origine chaque fois qu’on relance la programme.<\/p>\n

L’instruction Attendre 1 seconde<\/b> est essentielle, sinon on ne verrait pas le d\u00e9placement qui suit, Avancer de 250 pas<\/b>, pour nous retrouver au bout de la pi\u00e8ce.<\/p>\n

La derni\u00e8re instruction Stop <\/b>permettra de stopper le programme.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Le drapeau drapeau vert Commencer<\/strong> se trouve en haut \u00e0 droite. On cliquera dessus pour d\u00e9marrer le programmer.\u00a0<\/p>\n

Le bouton \u00e0 c\u00f4t\u00e9 Stop <\/b>deviendra alors rouge vif, jusqu’\u00e0 la fin du programme. En cliquant dessus, on pourra stopper plus rapidement le programme.\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Si on clique sur ce bloc de 4 instructions, et en particulier sur la premi\u00e8re instruction, nous aurons le m\u00eame effet que de lancer le programme avec le drapeau vert. Si nous d\u00e9sirons modifier la pause de 1 seconde en 2 secondes, il faut que le programme soit stopp\u00e9 et que la case de l’instruction contenant la valeur 1 soit active. Il arrive parfois que le bloc entier soit actif emp\u00eachant la modification. On s’habituera vite et nous verrons plus ces d\u00e9tails dans l’exercice suivant.<\/p>\n

A voir encore, pas clair! J’ai eu et j’ai encore souvent des difficult\u00e9s pour \u00e9diter une variable (je suis sous Windows 11). Apr\u00e8s avoir import\u00e9 mon fichier, je n’arrive pas \u00e0 \u00e9diter une variable, par exemple 250 ci-dessus. Je clique alors sur la barre des t\u00e2ches en bas, dans un endroit vide, et ensuite je d\u00e9place la main sur la variable 250 et je double-clique dessus. Je dois m\u00eame parfois d\u00e9placer le bloc en entier! Je peux alors \u00e9diter ma variable 250.\u00a0<\/u><\/b><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Exercices \u00e0 partir du code original \u00e0 recharger \u00e0 chaque fois:<\/b><\/span><\/p>\n

    \n
  1. Avancer de 150 pas au lieu de 250.<\/li>\n
  2. Avancer de 150 pas au lieu de 250, faire une pause de 0.2 secondes et avancer de 100 pas.<\/li>\n<\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t

    Une premi\u00e8re boucle – Le lutin qui rebondit<\/strong><\/h2>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t

    Nous pouvons t\u00e9l\u00e9charger ce programme\u00a0<\/a><\/span>rebondir1.sb3<\/a>,<\/span>\u00a0<\/b>d\u00e9poser le fichier <\/span>dans notre r\u00e9pertoire de travail et l’importer dans <\/span>Scratch<\/b>\u00a0avec le menu <\/span>Fichier \/ Importer depuis votre ordinateur<\/b><\/span>.<\/span><\/p>\n

    C’est la boucle “r\u00e9p\u00e9ter ind\u00e9finiment<\/strong><\/em>” qui est le coeur de ce code.\u00a0<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    <\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t

    Oh, comme c’est “presque trop” simple!

    En cliquant ou recliquant sur le <\/span>drapeau vert “Commencer”<\/b>, le lutin sera positionn\u00e9 en bas \u00e0 droite.\u00a0<\/span>L’orientation de 75<\/b> donnera un certain angle \u00e0 notre chat lorsqu’il avance, afin qu’il touche les 4 murs l’un apr\u00e8s l’autre!\u00a0<\/p>\n

    Pour un enfant de 10 ans ou moins, il faudra expliquer l’angle. On cliquera alors dans l’\u00e9diteur, au milieu \u00e0 droite dans le valeur du champ direction, et ferons tourner la fl\u00e8che. On pourra jouer avec 90 et 0 par exemple, au lieu de 75, pour montrer l’effet. Ce cadran est aussi visible en cliquant dans la valeur 75<\/b> du code et de l’instruction “s’orienter \u00e0”<\/b>.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t

    La boucle “r\u00e9p\u00e9ter ind\u00e9finiment<\/i><\/span>” fera un d\u00e9placement du lutin par\u00a010<\/span>\u00a0pas.\u00a0Le “<\/span>rebondir si le bord est atteint”<\/i>\u00a0a deux effets<\/span>: le lutin revient en arri\u00e8re en se retournant en horizontal. Le programme ne terminera jamais, il faudra utiliser le bouton\u00a0<\/span>Stop\u00a0<\/span><\/span>\u00e0 droite du\u00a0<\/span>drapeau vert<\/span>!<\/span><\/p>\n

    Ce mini exercice avec notre lutin (donc un sprite unique set sans arri\u00e8re-plan) pourra \u00eatre r\u00e9utilis\u00e9 \u00e0 l’infini, mais il faudra encore acqu\u00e9rir quelques connaissances,\u00a0<\/span>dont les instructions de conditions<\/span>, pour en faire des animations plus int\u00e9ressantes et de petits jeux .<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t

    Exercices \u00e0 partir du code original:<\/b><\/span><\/p>\n

      \n
    1. Remplacer l’instruction “avancer de 10 pas<\/i><\/b>” par les deux instructions “avancer de X pas<\/i><\/b>” suivi de “attendre Y secondes<\/i><\/b>” et constater les diff\u00e9rences.
      Il est possible d’\u00e9diter le code et les valeurs de X<\/b> et Y<\/b>\u00a0pendant que le programme tourne. Ce sera plus facile pour visionner la vitesse qu’on d\u00e9sire. Plus X<\/b> sera grand, plus la vitesse sera grande. C’est l’inverse pour Y<\/b>. Mettre un 1 (donc 1 seconde) pour Y<\/b> provoquera des saccades. Des valeurs de pause comme 0.05 (c’est \u00e0 dire 50ms) sont plus raisonnables.<\/li>\n<\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
      \n\t\t\t\t\t\t
      \n\t\t\t\t\t
      \n\t\t\t
      \n\t\t\t\t\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t
      \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t

      Introduction aux boucles et conditions<\/strong><\/h2>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t

      Nous pouvons t\u00e9l\u00e9charger cette partie,\u00a0<\/span>Scratch Exercice 2<\/a>,\u00a0<\/b>d\u00e9poser le fichier\u00a0<\/span>Exercice2.sb3<\/b>\u00a0dans notre r\u00e9pertoire de travail et l’importer dans <\/span>Scratch<\/b>\u00a0avec le menu <\/span>Fichier \/ Importer depuis l’ordinateur<\/b><\/span>.<\/span><\/p>\n

      Nous avons vu pr\u00e9c\u00e9demment\u00a0<\/span>la boucle “<\/span>r\u00e9p\u00e9ter ind\u00e9finiment<\/span><\/em>” qui est \u00e0 nouveau le coeur de ce code.\u00a0<\/span><\/p>\n

      C’est la premi\u00e8re fois que nous rencontrons l’instruction “<\/span>si … alors<\/i><\/b><\/span>“. Nous allons la retrouver sous diff\u00e9rentes formes dans tous les programmes. Si cette instruction n’existait pas, que dire, simplement que l’informatique n’existerait pas. Donc, si le bord est atteint, le lutin revient simplement en arri\u00e8re de <\/span>150 <\/b><\/span>pas, sans se retourner pour reprendre dans la m\u00eame direction! Ouai! Ce n’est pas encore le nirvana!<\/span><\/p>\n

      L’instruction “<\/span>attendre<\/i><\/b><\/span>” va aussi se retrouver tr\u00e8s souvent dans nos programme. Elle nous permet de faire une pause lorsque n\u00e9cessaire. La forme au dixi\u00e8me est possible: un <\/span>0.5<\/b><\/span> signifierait une demi-seconde … aussi quelque chose \u00e0 expliquer aux tr\u00e8s jeunes enfants!<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

      \n\t\t\t\t\t\t
      \n\t\t\t\t\t
      \n\t\t\t
      \n\t\t\t\t\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t
      \n\t\t\t
      <\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
      \n\t\t\t
      \n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
      \n\t\t\t
      \n\t\t\t\t\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t

      Dans la partie centrale de notre application Scratch, nous voyons ici 4 parties traitant 4 \u00e9v\u00e8nements diff\u00e9rents.<\/p>\n

      C’est tr\u00e8s diff\u00e9rent de la programmation traditionnelle o\u00f9 on utilise des proc\u00e9dures pour indiquer \u00e0 l’ordinateur ce qu’il doit faire en une s\u00e9rie d’\u00e9tapes. Ici les 4 \u00e9v\u00e8nements sont trait\u00e9s s\u00e9par\u00e9ment et en parall\u00e8le.<\/p>\n

      Nous commencerons par lancer le programme, soit en cliquant sur le drapeau vert Commencer <\/b>en haut \u00e0 droite, soit en cliquant sur l’instruction “Quand (drapeau vert) est cliqu\u00e9”<\/b><\/i>. Le lutin avancera \u00e0 droite et nous cliquerons assez vite sur le bouton Stop<\/b>\u00a0pour avoir le lutin au milieu de la pi\u00e8ce.<\/p>\n

      Le programme est stopp\u00e9 et il est alors possible de cliquer directement sur le bloc des 3 instructions \u00e0 droite en haut avec l’\u00e9v\u00e8nement “Quand la touche (espace) est press\u00e9e”<\/i><\/b>. Le lutin reviendra \u00e0 l’origine. C’est un moyen de v\u00e9rifier ce bloc, car il ne sera actif que si le programme tourne et si on presse sur la touche Espace <\/b>sur le clavier.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

      \n\t\t\t\t\t\t
      \n\t\t\t\t\t
      \n\t\t\t
      \n\t\t\t\t\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t

      Nous pouvons relancer le programme et essayer la touche a<\/strong> pour stopper le programme ou encore la touche y<\/strong> pour dire Bonjour\u00a0apr\u00e8s avoir relanc\u00e9 \u00e0 nouveau le programme.\u00a0Quand le programme est stopp\u00e9, nous pouvons aussi cliquer sur le bloc des deux <\/span>“dire”<\/strong>\u00a0pour recevoir un <\/span>Bonjour<\/strong> dans une bulle et pour une seconde.<\/span><\/p>\n

      C’est int\u00e9ressant pour tester cette s\u00e9quence et comprendre le “dire”<\/strong> vide qui fera dispara\u00eetre la bulle apr\u00e8s 1 seconde comme d\u00e9crit dans la page\u00a0https:\/\/fr.scratch-wiki.info\/wiki\/Dire_()_(bloc)<\/a>\u00a0 Une recherche avec\u00a0Dire () (bloc)<\/strong> dans le menu de\u00a0https:\/\/fr.scratch-wiki.info\/wiki<\/a>\u00a0nous donnera aussi cette page.\u00a0A partir de <\/span>https:\/\/fr.scratch-wiki.info\/wiki\/Cat%C3%A9gorie:Blocs<\/a> nous aurons aussi un moyen d’acc\u00e9der \u00e0 toutes les instructions.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

      \n\t\t\t\t\t\t
      \n\t\t\t\t\t
      \n\t\t\t
      \n\t\t\t\t\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
      \n\t\t\t
      \n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
      \n\t\t\t
      \n\t\t\t\t\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t

      Le programme principal est “textuellement” facile \u00e0 comprendre. Nous avons une s\u00e9rie de pause de 0.1 seconde avant d’avancer de 10 pas. A chaque 0.1 seconde nous basculons sur un autre costume du lutin. Dans le menu\u00a0<\/span>Costumes\u00a0<\/span><\/span>en haut \u00e0 gauche, nous aurons l’acc\u00e8s \u00e0 l’\u00e9diteur de nos deux lutins qui nous donnerons cet effet de d\u00e9placement avec les pattes.<\/span><\/p>\n

      Tout \u00e0 la fin on test le bord et on recule d’un coup en arri\u00e8re de 150 pas. Tout cela est ins\u00e9r\u00e9 dans un bloc avec une instruction<\/span> “r\u00e9p\u00e9ter ind\u00e9finiment”<\/b> avec un d\u00e9part \u00e0 -150\/-120.<\/i><\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

      \n\t\t\t\t\t\t
      \n\t\t\t\t\t
      \n\t\t\t
      \n\t\t\t\t\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t

      Exercices \u00e0 partir du code original \u00e0 recharger \u00e0 chaque fois:<\/b><\/span><\/p>\n

        \n
      1. Modifier les deux <\/b>valeurs de 0.1 secondes et de 10 pas en 5 pas pour ralentir le lutin.\u00a0<\/li>\n
      2. Remplacer le recul de 150 pas par un positionnement en d\u00e9but de ligne (-150\/-120.
        Pour effacer une instruction: cliquer deux fois sur l’instruction et utiliser la touche Delete <\/b>du clavier. Avec un seul clic, ou un de trop, le bloc entier risque d’\u00eatre effac\u00e9.<\/li>\n
      3. \u00d4ter les trois instructions pour basculer sur un autre costume et ne garder que le costume1<\/b>!<\/li>\n
      4. Utiliser avec le menu Costumes <\/b>l’\u00e9diteur de lutin et mettre du rouge dans l’oeil de gauche du costume2<\/b> et voir l’effet en ex\u00e9cutant le programme. Sauvegarder le programme avec le nouveau nom\u00a0Exercice2a.sb3<\/span>.<\/li>\n
      5. A faire et expliquer: cr\u00e9er deux nouveaux costumes miroir des deux lutins et refaire le code pour un d\u00e9placement de droite \u00e0 gauche!<\/li>\n<\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t\t\t

        Le code n’est pas complet ici (avec par exemple une fin de partie) et il faudrait changer le nombre de brique restante \u00e0 2. On devrait ajouter des briques en haut, donc trois de plus. <\/p>

        Le principe: la balle va se d\u00e9placer <\/p>

        …….<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

        \n\t\t\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t\t
        \n\t\t\t\t\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t\t\t

        Si … alors … sinon<\/b><\/span><\/h2>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
        \n\t\t\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t\t
        \n\t\t\t\t\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
        \n\t\t\t
        \n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
        \n\t\t\t
        \n\t\t\t\t\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t\t\t

        On rencontrera aussi cette instruction assez r\u00e9guli\u00e8rement.<\/p>\n

        Ici on presse la touche espace<\/strong>\u00a0et une bulle Bonjour <\/b>sera pr\u00e9sent\u00e9e pendant 2 secondes. Mais c’est plus que cela! Au d\u00e9marrage, on ne presse pas la touche espace<\/b>, donc nous passerons sur alors <\/b>et le message Presse espace<\/b> viendra dans la bulle.<\/p>\n

        Si on presse une autre touche juste apr\u00e8s l’espace<\/b>, il faudra attendre 2 secondes <\/b>pour que Presse espace <\/b>viennent.<\/b><\/p>\n

        Il est possible ici de remplacer le “si … alors …sinon<\/i><\/b>” par un “si … alors<\/i>“<\/b> mais avec pour alors <\/b>les 3 instructions “dire Bonjour<\/i><\/b>“,\u00a0 “attendre 2 secondes<\/i><\/b>” et “dire Presse espace<\/i><\/b>“.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

        \n\t\t\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t\t
        \n\t\t\t\t\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t\t\t

        Apr\u00e8s un “alors<\/b>” ou un “sinon<\/b><\/i>“, il est possible d’y int\u00e9grer d’autres “si … alors<\/i><\/b>” ou \u00e9quivalent, voir des bloc de r\u00e9p\u00e9titions du style de “r\u00e9p\u00e9ter jusqu’\u00e0 ce que …<\/i><\/b>“.\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

        \n\t\t\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t\t
        \n\t\t\t\t\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t\t\t

        Mon chat lutin file dans le d\u00e9sert<\/b><\/span><\/h2>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t\t\t

        Nous pouvons t\u00e9l\u00e9charger cette partie,\u00a0<\/span>Scratch Exercice3<\/a>,\u00a0<\/b>d\u00e9poser le fichier\u00a0<\/span>Exercice3.sb3<\/b>\u00a0dans notre r\u00e9pertoire de travail et l’importer dans <\/span>Scratch<\/b>\u00a0avec le menu <\/span>Fichier \/ Importer depuis l’ordinateur<\/b><\/span>.<\/span><\/p>\n

        L’id\u00e9e ici est d’utiliser un boucle de r\u00e9p\u00e9tition pour faire avancer le fameux lutin chat traditionnel de\u00a0 Scratch, dans un d\u00e9sert, et en diminuant aussi bien sa grandeur que son miaulement.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

        \n\t\t\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t\t
        \n\t\t\t\t\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t\t
        <\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
        \n\t\t\t
        \n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
        \n\t\t\t
        \n\t\t\t\t\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t\t
        <\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t\t\t

        Pour l’\u00e9v\u00e8nement “quand le drapeau vert est cliqu\u00e9”<\/i><\/b>, le bloc d’instructions \u00e0 droite, c’est \u00e0 dire le drapeau vert de d\u00e9marrage, en haut \u00e0 droite de Scratch<\/b>, on pose le lutin au point d\u00e9part avec un premier miaulement.<\/p>\n

        Il y a une s\u00e9rie de r\u00e9initialisation qui sont n\u00e9cessaires. C’est compr\u00e9hensible, si on stoppe le programme avant sa terminaison ou pendant son \u00e9criture ou une adaptation.

        Par exemple l’orientation est remise \u00e0 90 degr\u00e9s et le volume du son \u00e0 100% pour le premier miaulement. On retrouvera ce 90 dans la partie de la d\u00e9finition du Sprite 1<\/b> \u00e0 droite, avec la position et la taille de 100%.<\/p>\n

        L’instruction “dire”<\/b> nous indique la d\u00e9marche \u00e0 suivre, c’est \u00e0 dire la bulle ‘Cliques-moi pour que j’avance !’<\/i><\/b>.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

        \n\t\t\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t\t
        \n\t\t\t\t\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t\t\t

        C’est donc l’instruction “quand ce sprite est cliqu\u00e9”<\/i><\/b> qui fera courir notre chat dans le d\u00e9sert et la bulle dispara\u00eetra car le texte de l’instruction “dire”<\/i><\/b> est est vide.

        Dans la boucle qui est r\u00e9p\u00e9t\u00e9 18 fois, toutes les instructions et valeurs ont \u00e9t\u00e9 choisies pour obtenir le r\u00e9sultat attendu et une fin de course correcte.
        Par exemple l’inclinaison de 1.5 degr\u00e9s va nous permettre d’avancer plus loin dans le d\u00e9sert. Ce dernier vient de notre sc\u00e8ne D\u00e9sert (Utiliser: Sc\u00e8ne, Choisir un arri\u00e8re plan et le bouton Tout en haut \u00e0 gauche<\/u>).

        On avancera 18 fois en diminuant la grandeur du lutin ainsi que le niveau du son, puisqu’il s’\u00e9loigne!<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

        \n\t\t\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t\t
        \n\t\t\t\t\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t\t\t

        Exercices \u00e0 partir du code original \u00e0 recharger \u00e0 chaque fois:<\/b><\/span><\/p>\n

          \n
        1. Notre lutin chat va tomber dans un trou!<\/b>
          L’\u00e9diteur d’arri\u00e8re plan doit \u00eatre activ\u00e9, sous Sc\u00e8ne <\/b>tout \u00e0 droite et ensuite le menu Arri\u00e8re plans<\/b> en haut \u00e0 gauche
          Dessiner un trou, c’est \u00e0 dire une tache, avec le pinceau, dans le d\u00e9sert et tout \u00e0 droite dans la zone jaune. Choisir une couleur distincte.
          Modifier le programme pour que le lutin stoppe sur ce trou et tombe dedans.
          Il faudra adapter la taille -4, la direction avec les degr\u00e9s -1.5 et diminuer la boucle actuellement \u00e0 18.
          Des instructions comme Cacher <\/b>et Montrer <\/b>seront n\u00e9cessaires.
          On peut faire un cri aigu au moment de l’accident avec “mettre l’effet hauteur \u00e0 ..”<\/i><\/b>.
          Attention de bien remettre les valeur de d\u00e9part lors de la r\u00e9initialisation des param\u00e8tres comme expliqu\u00e9 ci-dessus.
          Un exemple se trouve ici: Scratch Exercice3_1<\/a><\/span><\/li>\n
        2. A faire et expliquer: comme pour l’exercice 5 pr\u00e9c\u00e9dant, cr\u00e9er deux nouveaux costumes miroir des deux lutins et rajouter le code pour faire ressortir le chat du trou et revenir au d\u00e9part!<\/li>\n<\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
          \n\t\t\t\t\t\t
          \n\t\t\t\t\t
          \n\t\t\t
          \n\t\t\t\t\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t
          \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t

          Un premier petit jeu – Notre lutin saute le mur<\/b><\/span><\/h2>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t

          remier petit jeu, <\/span>jeuChat.sb3<\/a>,\u00a0<\/b>d\u00e9poser le fichier jeuChat<\/strong><\/span>.sb3<\/b>\u00a0dans notre r\u00e9pertoire de travail et l’importer dans <\/span>Scratch<\/b>\u00a0avec le menu <\/span>Fichier \/ Importer depuis l’ordinateur<\/b><\/span>.<\/span><\/p>\n

          L’id\u00e9e est d’avoir notre lutin qui avance continuellement et de lui faire \u00e9viter le mur en pressant la touche espace.<\/strong><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

          \n\t\t\t\t\t\t
          \n\t\t\t\t\t
          \n\t\t\t
          \n\t\t\t\t\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t
          \n\t\t\t
          <\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
          \n\t\t\t
          \n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
          \n\t\t\t
          \n\t\t\t\t\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
          \n\t\t\t\t\t\t
          \n\t\t\t\t\t
          \n\t\t\t
          \n\t\t\t\t\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t

          Il y a trois parties:<\/p>\n