# C1-A06 — Raconte une histoire

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-A06"
  title="Raconte une petite histoire en 2 scènes"
  cycle="1"
  level="Grande Section"
  duration="30 min"
  tool="ScratchJr (Tablette)"
  difficulty="Défi"
  needsAdult={false}
  mission="Crée une histoire animée sur ta tablette : le personnage part de sa maison sur la page 1, voyage, puis arrive dans la forêt sur la page 2 !"
/>

<PrintableVersion
  pdfColorUrl="/downloads/c1-a06-raconte-une-histoire.pdf"
  pdfColorName="Canevas papier de storyboard 2 cases (A4)"
/>

<StarterProject
  title="Projet ScratchJr préparé"
  type="scratchjr"
  downloadUrl="/projects/c1-s08-histoire-scratchjr-depart.sjr"
  filename="c1-s08-histoire-scratchjr-depart.sjr"
  size="0.5 KB"
  preparedItems={[
    "Page 1 : Décor de chambre / maison avec le personnage Tic prêt au départ",
    "Page 2 : Décor de forêt prêt à recevoir l'arrivée",
    "Bouton micro activé pour enregistrer ta voix",
  ]}
/>

---

## 🪜 Les étapes de ton histoire

<StudentStep
  number={1}
  title="Dessine ton idée sur le papier"
  check="Mes 2 cases de dessin sont complétées."
>
  Avant de toucher la tablette, prends ta fiche papier et dessine ce qui se passe : - **Case 1 :**
  D'où part le personnage ? - **Case 2 :** Où arrive-t-il ?
</StudentStep>

<StudentStep
  number={2}
  title="Programme la Page 1 (Le départ)"
  check="Le personnage avance vers la droite et touche le bloc rouge Page 2."
>
  Sur la page 1, emboîte :
  <BlockImage category="scratchjr_yellow" text="Drapeau" icon="🚩" /> →{" "}
  <BlockImage category="scratchjr_blue" text="Avancer à droite" param={6} icon="➡️" /> →{" "}
  <BlockImage category="scratchjr_red" text="Aller à la Page 2" icon="📄2" />
</StudentStep>

<StudentStep
  number={3}
  title="Programme la Page 2 (L'arrivée)"
  check="Sur la page 2, le personnage saute et dit bonjour !"
>
  Touche la page 2 à droite de l'écran. Emboîte :
  <BlockImage category="scratchjr_yellow" text="Drapeau" icon="🚩" /> →{" "}
  <BlockImage category="scratchjr_blue" text="Sauter" param={2} icon="⬆️" /> →{" "}
  <BlockImage category="scratchjr_green" text="Voix enregistrée" icon="🎙️" />
</StudentStep>

---

## 🧪 Teste ton histoire

<TryIt expected="Quand tu touches le drapeau sur la page 1, le personnage traverse l'écran, la tablette bascule automatiquement sur la page 2 de la forêt, et le personnage saute de joie en parlant !">
  Montre ton histoire animée à un camarade et raconte-lui ce qui se passe avec tes mots.
</TryIt>

---

## 💡 Indices progressifs

<Hint
  hints={[
    {
      level: 1,
      title: "Indice 1 — Comment passer à la page 2 ?",
      content: (
        <p>
          Touche la catégorie rouge tout à droite : tu y trouveras un bloc spécial qui représente
          l'image de la page 2 !
        </p>
      ),
    },
    {
      level: 2,
      title: "Indice 2 — Enregistrer sa voix",
      content: (
        <p>
          Touche la catégorie verte des sons, appuie sur le bouton rond rouge pour parler, puis sur
          le carré pour arrêter.
        </p>
      ),
    },
    {
      level: 3,
      title: "Indice 3 — L'enchaînement parfait",
      content: (
        <p>
          Page 1 : [Drapeau] → [Avancer 8] → [Page 2]. Page 2 : [Drapeau] → [Sauter 2] → [Son voix
          1].
        </p>
      ),
    },
  ]}
/>

---

## 🔍 Solution et explications

<ActivitySolution
  title="Voir la structure complète des 2 scènes"
  downloadUrl="/projects/c1-s08-histoire-scratchjr-corrige.sjr"
  filename="c1-s08-histoire-scratchjr-corrige.sjr"
  size="0.5 KB"
>

- **Sur la Page 1 (Maison) :**
  Dès le drapeau vert, Tic avance vers le bord droit de l'écran (valeur 8). Le bloc rouge déclenche le changement automatique vers la scène 2.
- **Sur la Page 2 (Forêt) :**
  Dès l'arrivée sur la page 2, le script démarre : Tic saute 2 fois et joue le message vocal _« Coucou la forêt ! »_.

</ActivitySolution>

---

## 🌟 Défi bonus

<BonusChallenge title="Défi bonus : Ajoute un troisième décor !">
  Touche le bouton `+` à droite pour créer une Page 3 (ex : la plage ou le château). Fais voyager
  ton personnage à travers 3 paysages !
</BonusChallenge>

---

<CompletionCheck
  activityId="C1-A06"
  nextActivityUrl="/activites/cycle-2/c2-a01-anime-ton-prenom"
  nextActivityTitle="Cycle 2 : C2-A01 — Anime ton prénom"
  cycleUrl="/activites/cycle-1"
/>

<TeacherAccess
  lessonId="C1-S08"
  lessonTitle="Histoire animée"
  lessonUrl="/cycle-1/c1-s08-histoire-animee"
/>