# C1-A05 — Fais danser le personnage

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="C1-A05"
  title="Fais danser ton personnage sur tablette"
  cycle="1"
  level="Grande Section"
  duration="25 min"
  tool="ScratchJr (Tablette)"
  difficulty="Entraînement"
  needsAdult={false}
  mission="Ouvre ScratchJr sur ta tablette. Emboîte les blocs jaunes et bleus pour faire danser le chat et utilise la boucle orange pour répéter la danse !"
/>

<PrintableVersion
  pdfColorUrl="/downloads/c1-a05-fais-danser-le-personnage.pdf"
  pdfColorName="Fiche modèle illustrée sans lecture (A4)"
/>

<StarterProject
  title="Projet ScratchJr préparé"
  type="scratchjr"
  downloadUrl="/projects/c1-s06-animation-scratchjr-depart.sjr"
  filename="c1-s06-animation-scratchjr-depart.sjr"
  size="0.5 KB"
  preparedItems={[
    "Le chat Tic au centre de la scène",
    "Le décor de scène de danse ou de théâtre",
    "La zone de programmation en bas prête à recevoir tes blocs",
  ]}
/>

---

## 🪜 Les étapes sur ta tablette

<StudentStep
  number={1}
  title="Pose le bloc de départ jaune"
  check="Le bloc drapeau vert est posé au début de la ligne en bas."
>
  Touche la catégorie jaune à gauche et glisse le bloc{" "}
  <BlockImage category="scratchjr_yellow" text="Drapeau vert" icon="🚩" /> sur la ligne de
  programmation en bas.
</StudentStep>

<StudentStep
  number={2}
  title="Ajoute les pas de danse bleus"
  check="Les blocs bleus sont clipsés à droite du drapeau."
>
  Touche la catégorie bleue et emboîte : -{" "}
  <BlockImage category="scratchjr_blue" text="Avancer à droite" icon="➡️" />
  - <BlockImage category="scratchjr_blue" text="Sauter" icon="⬆️" />
  - <BlockImage category="scratchjr_blue" text="Avancer à gauche" icon="⬅️" />
</StudentStep>

<StudentStep
  number={3}
  title="Ajoute la boucle orange pour répéter la danse"
  check="Tous mes blocs bleus sont bien à l'intérieur du bloc orange."
>
  Touche la catégorie orange et prends le bloc{" "}
  <BlockImage category="scratchjr_orange" text="Répéter" icon="🔁" param={3} />. Règle le chiffre
  sur **3** pour que ton personnage danse 3 fois de suite !
</StudentStep>

---

## 🧪 Teste ton programme

<TryIt expected="Quand tu touches le drapeau vert en haut de l'écran, le chat avance, saute, recule et recommence sa danse 3 fois d'affilée !">
  Appuie sur le grand drapeau vert en haut de la tablette pour admirer la chorégraphie.
</TryIt>

---

## 💡 Indices progressifs

<Hint
  hints={[
    {
      level: 1,
      title: "Indice 1 — L'assemblage de gauche à droite",
      content: (
        <p>
          Dans ScratchJr, les blocs s'emboîtent toujours de gauche à droite, comme les wagons d'un
          train !
        </p>
      ),
    },
    {
      level: 2,
      title: "Indice 2 — Le bloc orange de répétition",
      content: (
        <p>
          Le bloc orange englobe les blocs bleus. Touche le petit chiffre sous le bloc pour écrire 3
          sur le clavier numérique.
        </p>
      ),
    },
    {
      level: 3,
      title: "Indice 3 — La chaîne complète de blocs",
      content: (
        <p>
          [Drapeau jaune] → [Répéter 3 fois : Avancer droite, Sauter, Reculer gauche] → [Fin rouge].
        </p>
      ),
    },
  ]}
/>

---

## 🔍 Solution et explications

<ActivitySolution
  title="Voir la chaîne de blocs ScratchJr complète"
  downloadUrl="/projects/c1-s06-animation-scratchjr-corrige.sjr"
  filename="c1-s06-animation-scratchjr-corrige.sjr"
  size="0.5 KB"
>

Chaque bloc a son rôle :

1. <BlockImage category="scratchjr_yellow" text="Drapeau" icon="🚩" /> : Démarre l'animation dès
   qu'on touche le bouton départ.
2. <BlockImage category="scratchjr_orange" text="Répéter" param={3} icon="🔁" /> : Exécute 3 fois le
   motif sans avoir à recopier les blocs bleus 3 fois.
3. <BlockImage category="scratchjr_blue" text="Avancer" icon="➡️" /> +
   <BlockImage category="scratchjr_blue" text="Sauter" icon="⬆️" /> +
   <BlockImage category="scratchjr_blue" text="Reculer" icon="⬅️" /> : Les 3 mouvements de la danse.
4. <BlockImage category="scratchjr_red" text="Fin" icon="🛑" /> : Termine le programme proprement.

</ActivitySolution>

---

## 🌟 Défi bonus

<BonusChallenge title="Défi bonus : Ajoute un deuxième danseur !">
  Touche le bouton `+` à gauche de l'écran pour ajouter un ami (le chien ou l'oiseau). Programme-le
  pour qu'il danse en même temps que le chat !
</BonusChallenge>

---

<CompletionCheck
  activityId="C1-A05"
  nextActivityUrl="/activites/cycle-1/c1-a06-raconte-une-histoire"
  nextActivityTitle="C1-A06 — Raconte une histoire"
  cycleUrl="/activites/cycle-1"
/>

<TeacherAccess
  lessonId="C1-S05"
  lessonTitle="Répéter (La boucle intuitive)"
  lessonUrl="/cycle-1/c1-s05-repeter"
/>