Projet Vacances - Mission 1 — La carte postale animée

Défi de l'été · Vendredi 31 juillet · 15 minutes en famille

Le cahier de vacances fait réviser ce que l'enfant a déjà appris. Cette mission fait l'inverse : elle lui fait fabriquer quelque chose. Au lieu d'écrire une carte postale, on la fait bouger.

Trois versions selon l'âge. Choisissez celle qui correspond à votre enfant — ou faites les deux si vous avez plusieurs enfants d'âges différents, ils travailleront la même idée à leur niveau.

🐣 Petits Explorateurs · 5-6 ans

Le parent-robot

Ce qu'il vous faut : une feuille, des crayons. Aucun écran.

1. Votre enfant dessine le lieu où vous êtes : la plage, la montagne, le jardin de mamie. Peu importe la qualité du dessin.

2. Il place une croix DÉPART quelque part sur la feuille, et une croix ARRIVÉE ailleurs : le glacier, la mer, le trésor.

3. Maintenant, c'est lui le programmeur et vous êtes le robot. Il vous donne des instructions une par une pour déplacer votre doigt du départ à l'arrivée : « avance de trois pas », « tourne à droite », « avance de deux pas ».

4. La règle du jeu, celle qui compte : vous exécutez exactement ce qu'il dit. Ni plus, ni moins. S'il dit « avance » sans préciser combien, vous avancez jusqu'à sortir de la feuille. S'il dit « tourne » sans dire de quel côté, vous tournez sur vous-même.

5. Ensuite, inversez les rôles. C'est souvent là que ça devient drôle.

Le conseil qui change tout : résistez à l'envie de deviner ce qu'il voulait dire. Un ordre imprécis doit produire un résultat absurde. C'est exactement comme ça que votre enfant comprend qu'une machine ne devine rien — et c'est la première chose qu'on apprend en programmation.

Ce que ça travaille : l'enchaînement d'instructions, la précision du langage, le repérage gauche-droite, et la notion de bug.

🚀 Parcours Juniors · 7-10 ans

Le bateau qui traverse l'écran

Ce qu'il vous faut : une tablette avec ScratchJr, ou un navigateur sur scratch.mit.edu. Ça fonctionne au doigt sur tablette ; c'est plus confortable sur ordinateur si vous en avez un sous la main.

Les étapes sur Scratch :

1. Choisissez un arrière-plan de vacances dans la bibliothèque (bord de mer, sous l'eau, désert…).

2. Supprimez le chat et ajoutez un lutin qui va voyager : un poisson, un crabe, une mouette, un avion.

3. Assemblez ces blocs :

   • quand le drapeau vert est cliqué

   • aller à x: -200 y: -50

   • répéter indéfiniment → à l'intérieur : avancer de 5 puis si tu touches le bord, rebondir

4. Ajoutez le message de la carte postale : le bloc dire « Coucou de Biarritz ! » pendant 2 secondes, juste après le drapeau vert.

5. Pour le son : onglet Sons, cherchez un bruit de vague ou de mouette dans la bibliothèque, puis ajoutez le bloc jouer le son dans la boucle.

Défi bonus : faites accélérer le bateau quand on appuie sur la flèche droite du clavier. Indice : il faut une variable vitesse.

Ce que ça travaille : les boucles, les coordonnées x et y, les événements, et le plaisir très concret de voir son dessin bouger.

🛠️ Bâtisseurs du Numérique · 10-15 ans

La carte postale en code

Ce qu'il vous faut : un navigateur, sur editor.p5js.org. Pas d'installation, pas de compte obligatoire. Fonctionne sur tablette ; sur téléphone c'est possible mais taper du code au pouce use la patience.

Copiez ce code, cliquez sur ▶, puis modifiez-le.

let x = 0;

function setup() {
  createCanvas(400, 300);
}

function draw() {
  // Le ciel
  background(135, 206, 250);

  // La mer
  noStroke();
  fill(30, 120, 160);
  rect(0, 200, width, 100);

  // Le soleil
  fill(255, 220, 90);
  circle(320, 60, 70);

  // Le bateau
  fill(120, 60, 30);
  rect(x - 5, 200, 40, 12);
  fill(255);
  triangle(x, 200, x + 30, 200, x + 15, 160);

  // Il avance, puis il revient de l'autre côté
  x = x + 1;
  if (x > width) {
    x = -40;
  }

  // Le message
  fill(255);
  textSize(20);
  text("Coucou de Biarritz !", 20, 40);
}

Trois défis, du plus simple au plus retors :

1. Changez le message et les couleurs pour que la carte corresponde à votre lieu de vacances.

2. Ajoutez des nuages qui avancent moins vite que le bateau. Il faut une deuxième variable.

3. Faites que le soleil se couche : le ciel doit passer progressivement du bleu à l'orange. Indice : la fonction lerpColor() mélange deux couleurs, et frameCount compte les images depuis le lancement.

Ce que ça travaille : les variables, la boucle de rendu, les coordonnées, et la lecture de documentation — parce que le défi 3 demande d'aller chercher soi-même comment lerpColor() fonctionne.

Montrez-nous le résultat

Une photo du dessin, une capture d'écran, un lien vers le projet Scratch : envoyez-le dans le groupe WhatsApp Grandir avec le Numérique, ou par mail à amroy@codeacademy123.com. Nous partagerons les créations avec l'accord des parents.

Prochaine mission vendredi prochain : le message secret. Comment écrire un mot que seule la personne qui a la clé peut lire — et pourquoi c'est la même idée qui protège vos messages sur votre téléphone.

Anne-Marie Roy — Fondatrice · Code Academy 123

Code Academy 123 • www.codeacademy123.com