# C2-A01 — Anime ton prénom

import { ActivityHero } from "../../../src/components/ActivityHero";
import { ActivitySolution } from "../../../src/components/ActivitySolution";
import { BlockImage } from "../../../src/components/BlockImage";
import { BonusChallenge } from "../../../src/components/BonusChallenge";
import { CompletionCheck } from "../../../src/components/CompletionCheck";
import { Hint } from "../../../src/components/Hint";
import { PrintableVersion } from "../../../src/components/PrintableVersion";
import { StarterProject } from "../../../src/components/StarterProject";
import { StudentStep } from "../../../src/components/StudentStep";
import { TeacherAccess } from "../../../src/components/TeacherAccess";
import { TryIt } from "../../../src/components/TryIt";

<ActivityHero
  id="C2-A01"
  title="Anime chaque lettre de ton prénom"
  cycle="2"
  level="CP, CE1, CE2"
  duration="30 min"
  tool="Scratch"
  difficulty="Découverte"
  needsAdult={false}
  mission="Fais danser les lettres de ton prénom ! Donne un effet magique différent à chaque lettre : tourner, grandir, changer de couleur ou jouer un son."
/>

<PrintableVersion
  pdfColorUrl="/downloads/c2-a01-anime-ton-prenom.pdf"
  pdfColorName="Fiche mission élève : Anime ton prénom (A4)"
/>

<StarterProject
  title="Projet Scratch préparé"
  type="scratch"
  downloadUrl="/projects/c2-a01-anime-prenom-depart.sb3"
  filename="c2-a01-anime-prenom-depart.sb3"
  size="0.5 KB"
  preparedItems={[
    "Des lettres 'L-E-O' déjà disposées sur la scène",
    "Arrière-plan festif 'Rays' ou 'Party'",
    "Sons joyeux préchargés dans chaque lettre",
  ]}
/>

---

## 🪜 Les étapes de ton animation

<StudentStep
  number={1}
  title="Choisis la première lettre de ton prénom"
  check="La première lettre est sélectionnée dans la liste des lutins en bas à droite."
>
  Clique sur la première lettre de ton prénom dans la liste des lutins en bas à droite pour lui
  donner ses ordres.
</StudentStep>

<StudentStep
  number={2}
  title="Fais tourner la lettre au drapeau vert"
  check="La lettre pivote quand on clique sur le drapeau."
>
  Glisse le bloc <BlockImage category="events" text="quand le drapeau vert est cliqué" /> puis
  emboîte : ```text répéter (10) fois tourner droite de (36) degrés attendre (0.1) secondes ```
</StudentStep>

<StudentStep
  number={3}
  title="Fais changer de couleur la deuxième lettre au clic"
  check="Quand je clique sur la 2e lettre avec la souris, sa couleur change."
>
  Sélectionne la 2e lettre et programme un événement au clic :
  <BlockImage category="events" text="quand ce lutin est cliqué" /> →{" "}
  <BlockImage category="looks" text="ajouter 25 à l'effet couleur" /> →{" "}
  <BlockImage category="sound" text="jouer le son Pop" />
</StudentStep>

<StudentStep
  number={4}
  title="Fais grandir la troisième lettre"
  check="La 3e lettre grossit puis reprend sa taille normale."
>
  Sur la 3e lettre :
  <BlockImage category="looks" text="mettre la taille à 130 %" /> →{" "}
  <BlockImage category="control" text="attendre 0.5 s" /> →{" "}
  <BlockImage category="looks" text="mettre la taille à 100 %" />
</StudentStep>

---

## 🧪 Teste ton prénom animé

<TryIt expected="Quand tu cliques sur le drapeau vert, la 1re lettre tourne, la 2e change de couleur quand tu la touches, et la 3e grandit en rythme !">
  Lance le mode plein écran dans Scratch et fais admirer ton prénom animé à tes voisins de table.
</TryIt>

---

## 💡 Indices progressifs

<Hint
  hints={[
    {
      level: 1,
      title: "Indice 1 — Comment ajouter les autres lettres de mon prénom ?",
      content: (
        <p>
          Clique sur l'icône bleue de chat en bas à droite (+) → choisis l'onglet{" "}
          <strong>Lettres</strong> pour ajouter les lettres de ton prénom.
        </p>
      ),
    },
    {
      level: 2,
      title: "Indice 2 — Pourquoi ma lettre reste-t-elle de travers ?",
      content: (
        <p>
          Ajoute le bloc <code>s'orienter à 90</code> juste en dessous du drapeau vert pour que ta
          lettre commence toujours bien droite !
        </p>
      ),
    },
    {
      level: 3,
      title: "Indice 3 — Un tour complet = 360 degrés",
      content: (
        <p>
          10 fois 36 degrés = 360 degrés (un tour complet !). C'est pour cela que la lettre revient
          bien droite.
        </p>
      ),
    },
  ]}
/>

---

## 🔍 Solution et explications

<ActivitySolution
  title="Voir les scripts complets pour chaque lettre"
  downloadUrl="/projects/c2-a01-anime-prenom-corrige.sb3"
  filename="c2-a01-anime-prenom-corrige.sb3"
  size="0.5 KB"
>

Chaque lettre possède son propre script indépendant :

- **Lettre 1 (Rotation au drapeau) :**
  `[quand drapeau cliqué] → [s'orienter à 90] → [répéter 10 fois [tourner droite 36°, attendre 0.05s]]`
- **Lettre 2 (Effet couleur au clic) :**
  `[quand ce lutin est cliqué] → [ajouter 25 à l'effet couleur] → [jouer le son Magic Wand]`
- **Lettre 3 (Effet taille élastique) :**
  `[quand drapeau cliqué] → [répéter 3 fois [mettre taille à 130%, attendre 0.2s, mettre taille à 100%, attendre 0.2s]]`

</ActivitySolution>

---

## 🌟 Défi bonus

<BonusChallenge title="Défi bonus : Ajoute une musique de fond !">
  Sélectionne l'arrière-plan (la scène) et ajoute un script pour jouer une mélodie joyeuse en boucle
  pendant toute l'animation !
</BonusChallenge>

---

<CompletionCheck
  activityId="C2-A01"
  nextActivityUrl="/activites/cycle-2/c2-a02-fais-parler-deux-personnages"
  nextActivityTitle="C2-A02 — Fais parler deux personnages"
  cycleUrl="/activites/cycle-2"
/>

<TeacherAccess
  lessonId="C2-S01"
  lessonTitle="Algorithme et séquence"
  lessonUrl="/cycle-2/c2-s01-algorithme-et-sequence"
/>