⬅️ Retour aux jeux

Attrape les pommes !

🍎 Ton tout premier jeu Scratch

🎯 Le but du jeu

Des pommes tombent du ciel ! Tu déplaces ton personnage avec les flèches du clavier pour les attraper. Chaque pomme attrapée = 1 point.

Simple, jouable… et c'est TON premier jeu. 🚀

💡 Conseil au parent Ton rôle est celui de copilote : tu lis les étapes, lui tient la souris. Résiste à l'envie de faire à sa place — même si c'est plus lent. 😉

🌈 Les couleurs des briques

Dans Scratch, chaque famille de blocs a sa couleur. Dans ce guide, les blocs sont dessinés avec les mêmes couleurs : cherche la même couleur à gauche de l'écran Scratch !

Événements Contrôle Mouvement Capteurs Opérateurs Variables Son

🔧 Avant de commencer

5 min
🔑 Ton compte est déjà prêt !

Pas besoin de créer quoi que ce soit. Va sur scratch.mit.edu, clique sur Se connecter en haut à droite, et entre ton pseudo :

MatheoGames2018

🤫 Papa te donnera le mot de passe.

  1. Connecte-toi avec ton pseudo MatheoGames2018
  2. Vérifie que le site est en français (le globe 🌐 en bas de la page)
  3. Prépare un jus de fruit 🍹 et range les distractions
💡 Conseil au parent Le compte a été créé en amont (MatheoGames était déjà pris, d'où le MatheoGames2018). Vérifie que tu es bien connecté avant de l'installer devant l'écran : la page de connexion n'a rien d'amusant pour lui.

🎬 Envie de voir des vidéos ?

Si tu préfères regarder quelqu'un faire avant d'essayer, ou si tu veux continuer tout seul entre deux sessions, voici de bonnes adresses 👇

💡 Conseil au parent Pour aller plus loin, Codii propose un cours gratuit de 12 vidéos (~4 h), de la première fenêtre Scratch au jeu de plateforme jouable.
⚠️ À regarder ensemble : YouTube reste YouTube, et les vidéos suggérées à côté ne sont pas triées.
1

Découvre le studio

10 min

Clique sur Créer en haut de la page, et fais le tour du propriétaire :

Premier contact magique : glisse ces deux blocs, l'un sous l'autre 👇

quand le drapeau vert 🏳️ est cliqué dire « Bonjour ! » pendant 2 secondes

Puis clique le drapeau vert ▶️ au-dessus de la scène.

💬 Le chat parle ! Change le texte, mets ton prénom, une blague… c'est toi le chef !
💡 Conseil au parent C'est SA découverte : « je donne des ordres à l'ordinateur ». Laisse-le jouer avec le texte autant qu'il veut avant de passer à la suite.
2

Choisis ton héros

5 min

Le chat c'est bien… mais c'est mieux avec TON personnage !

  1. En bas à droite, survole l'icône chat 🐱 → Choisir un sprite
  2. Fouille la bibliothèque et choisis ce que tu veux : un dinosaure 🦖, un robot 🤖, une licorne 🦄…
  3. Supprime le chat : clique dessus dans la liste des sprites → la poubelle 🗑️
  4. Bonus : le bouton Choisir un arrière-plan (en bas à droite) pour décorer la scène
3

Fais bouger ton héros

10 min

Clique sur ton personnage, puis construis ce script :

quand le drapeau vert 🏳️ est cliqué répéter indéfiniment 🔁 si touche « flèche droite ➡️ » pressée ? alors ajouter 10 à x si touche « flèche gauche ⬅️ » pressée ? alors ajouter -10 à x

⚠️ Les petits blocs dans les bulles blanches (touche… pressée ?) sont des Capteurs (bleu clair) : on les glisse DANS le trou du bloc orange.

▶️ Teste : ton personnage glisse à gauche et à droite avec les flèches. Premier vrai moment de fierté ! 🎉
💡 C'est quoi « x » ? C'est la position gauche-droite, comme à la bataille navale.
💡 Conseil au parent Guider sans faire : « Trouve le bloc orange qui répète pour toujours… Maintenant cherche dans les blocs bleu clair celui qui parle d'une touche du clavier… »
4

Fais tomber les pommes

15 min
  1. Ajoute un nouveau sprite : choisis « Apple » (la pomme 🍎) dans la bibliothèque
  2. Clique sur la pomme, et construis son script :
quand le drapeau vert 🏳️ est cliqué répéter indéfiniment 🔁 aller à x: nombre aléatoire entre -220 et 220 y: 180 répéter jusqu'à ce que ordonnée y < -170 ajouter -8 à y

🎲 Le bloc nombre aléatoire entre … et … est un Opérateur (vert). On le glisse DANS le trou du bloc bleu aller à x: y:.

▶️ Teste : la pomme tombe du ciel, réapparaît en haut à un endroit au hasard, retombe… La boucle tourne ! 🍎
💡 Conseil au parent L'emboîtement d'un bloc dans un autre est le geste le plus délicat de la session : aide-le à viser.
🎯 Concept qu'il vient d'apprendre sans un mot de jargon : la boucle, la condition, le hasard.
5

Attrape et compte les points

15 min
  1. Va dans les blocs Variables (orange foncé) → Créer une variable → appelle-la Score (c'est toi qui tapes !)
  2. Complète le script de la pomme pour qu'il devienne :
quand le drapeau vert 🏳️ est cliqué mettre Score à 0 répéter indéfiniment 🔁 aller à x: nombre aléatoire entre -220 et 220 y: 180 répéter jusqu'à ce que ordonnée y < -170 OU touche mon personnage ? ajouter -8 à y si touche mon personnage ? alors ajouter 1 à Score jouer le son « Pop » 🔊

🔎 Le bloc touche … ? est un Capteur (bleu clair) : choisis le nom de ton personnage dans le petit menu déroulant. Le OU est un Opérateur (vert).

▶️ GRAND TEST : le score s'affiche en haut de la scène et monte à chaque pomme attrapée, avec un « pop » ! 🎉🎉
6

Maintenant, c'est TON jeu !

10 min

Qu'est-ce qu'on ajoute pour le rendre encore meilleur ? Voici des idées… mais les tiennes sont les meilleures :

Pour finir : Fichier → Enregistrer. Ton jeu est gardé dans ton compte ! 💾

💡 Conseil au parent L'étape la plus importante de la session. Demande-lui « qu'est-ce qu'on ajoute ? » et suis SES idées, même farfelues — surtout les farfelues.

🌟 Et après ?

💡 Conseil au parent Les cartes Scratch imprimables sur scratch.mit.edu/ideas sont parfaites pour les sessions suivantes. Pour la mise en ligne, la recette complète est juste en dessous. 👇

🚀 Mettre le jeu en ligne

Quand un jeu te plaît vraiment, on le met sur jeux.bredillard.fr — ton jeu, sur internet, avec un lien à envoyer aux copains. On le fait ensemble, en 3 temps. 🎉

Pense-bête — à refaire à chaque nouveau jeu

⏱️ Temps 1 — Exporter depuis Scratch (sur l'ordi de Mathéo)

Dans l'éditeur Scratch : Fichier → Exporter vers l'ordinateur. On obtient un fichier attrape-pommes.sb3. C'est le projet brut : pas encore jouable dans un navigateur.

⏱️ Temps 2 — Convertir en page web (TurboWarp Packager)

  1. Aller sur packager.turbowarp.org
  2. Charger le fichier .sb3
  3. Dans les options d'environnement, choisir « Plain HTML » (HTML autonome) — le format idéal : tout le jeu tient dans un seul fichier
  4. Cliquer Package → on télécharge attrape-pommes.html

⏱️ Temps 3 — Déposer sur le serveur

Copier le fichier dans /var/www/jeux/public/ (il est servi immédiatement, rien à recharger), puis transformer la carte du jeu sur la page d'accueil en vrai lien — le modèle de carte est en commentaire dans le code de index.html.

🎉 Et voilà : ton jeu est en ligne, avec un lien à envoyer aux copains !

📋 Les 5 règles d'or

Pense-bête pour Papa
  1. C'est lui qui tient la souris, toujours
  2. Sessions courtes : on s'arrête tant que c'est encore amusant
  3. Ses idées d'abord, même les farfelues (SURTOUT les farfelues)
  4. Chaque bug est un jeu de piste, pas un échec : « tiens, pourquoi il fait ça ? »
  5. On montre le résultat à maman, mamie, les copains — la fierté, c'est le carburant