# C2-A06 — Invente une histoire interactive

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-A06"
  title="Invente une histoire dont le lecteur est le héros"
  cycle="2"
  level="CE2"
  duration="45 min"
  tool="Scratch"
  difficulty="Projet"
  needsAdult={false}
  mission="Le chevalier arrive à un carrefour : à gauche la montagne du dragon, à droite le village enchanté. Programme deux boutons cliquables pour que le joueur choisisse la suite de l'aventure !"
/>

<PrintableVersion
  pdfColorUrl="/downloads/c2-a06-invente-une-histoire.pdf"
  pdfColorName="Cahier de création : Mon histoire interactive (A4)"
/>

<StarterProject
  title="Projet Scratch de départ"
  type="scratch"
  downloadUrl="/projects/c2-a06-histoire-choix-depart.sb3"
  filename="c2-a06-histoire-choix-depart.sb3"
  size="0.5 KB"
  preparedItems={[
    "Lutin Chevalier 'Knight' au centre",
    "Bouton 1 'Montagne' et Bouton 2 'Village'",
    "3 arrière-plans : 'Carrefour', 'Montagne' et 'Village'",
  ]}
/>

---

## 🪜 Les étapes de ton histoire à choix

<StudentStep
  number={1}
  title="Initialise le début de l'aventure"
  check="Au drapeau vert, le décor est le Carrefour et les 2 boutons sont visibles."
>
  Sur la scène :
  <BlockImage category="looks" text="basculer sur l'arrière-plan [Carrefour v]" />
</StudentStep>

<StudentStep
  number={2}
  title="Le clic sur le Bouton 1 (La Montagne)"
  check="Le bouton 1 envoie le message 'choix_montagne' et se cache."
>
  Sur le **Bouton 1** :

```text
quand ce lutin est cliqué
cacher
envoyer à tous [choix_montagne v]
```

</StudentStep>

<StudentStep
  number={3}
  title="La scène réagit au choix du joueur"
  check="Le décor bascule sur la montagne et le chevalier raconte sa découverte."
>
  Sur la **Scène** :

```text
quand je reçois [choix_montagne v]
basculer sur l'arrière-plan [Montagne v]
```

Sur le **Chevalier** :

```text
quand je reçois [choix_montagne v]
dire [Brrr ! Il fait froid, attention au dragon !] pendant 3 secondes
```

</StudentStep>

---

## 🧪 Teste ton aventure

<TryIt expected="Relance au drapeau vert : teste le choix 1 (Montagne), puis relance et teste le choix 2 (Village) pour vérifier que les deux chemins fonctionnent parfaitement.">
  Fais tester les deux embranchements de ton histoire à un camarade !
</TryIt>

---

## 💡 Indices progressifs

<Hint
  hints={[
    {
      level: 1,
      title: "Indice 1 — Cacher le deuxième bouton",
      content: (
        <p>
          Quand on clique sur le Bouton 1, le Bouton 2 doit aussi disparaître ! Ajoute sur le Bouton
          2 : <code>quand je reçois choix_montagne -&gt; cacher</code>.
        </p>
      ),
    },
    {
      level: 2,
      title: "Indice 2 — Réafficher les boutons au début",
      content: (
        <p>
          N'oublie pas d'ajouter <code>montrer</code> sous <code>quand drapeau vert cliqué</code>{" "}
          sur les deux boutons !
        </p>
      ),
    },
    {
      level: 3,
      title: "Indice 3 — Programmer le choix 2",
      content: (
        <p>
          Fais exactement la même chose pour le Bouton 2 avec le message <code>choix_village</code>.
        </p>
      ),
    },
  ]}
/>

---

## 🔍 Solution et explications

<ActivitySolution
  title="Voir les scripts complets de l'histoire à choix"
  downloadUrl="/projects/c2-a06-histoire-choix-corrige.sb3"
  filename="c2-a06-histoire-choix-corrige.sb3"
  size="0.5 KB"
>

```text
// 1. Bouton 1 (Montagne)
[quand le drapeau vert est cliqué] → [montrer]
[quand ce lutin est cliqué] → [cacher] → [envoyer à tous [choix_montagne v]]
[quand je reçois [choix_village v]] → [cacher]

// 2. Bouton 2 (Village)
[quand le drapeau vert est cliqué] → [montrer]
[quand ce lutin est cliqué] → [cacher] → [envoyer à tous [choix_village v]]
[quand je reçois [choix_montagne v]] → [cacher]

// 3. Scène
[quand le drapeau vert est cliqué] → [basculer sur l'arrière-plan [Carrefour v]]
[quand je reçois [choix_montagne v]] → [basculer sur l'arrière-plan [Montagne v]]
[quand je reçois [choix_village v]] → [basculer sur l'arrière-plan [Village v]]
```

</ActivitySolution>

---

## 🌟 Défi bonus

<BonusChallenge title="Défi bonus : Ajoute un troisième choix secret !">
  Ajoute un petit trésor caché dans un buisson du carrefour qui ouvre un chemin secret vers le
  château d'or !
</BonusChallenge>

---

<CompletionCheck
  activityId="C2-A06"
  nextActivityUrl="/activites/cycle-3/c3-a01-poursuis-le-tresor"
  nextActivityTitle="Cycle 3 : C3-A01 — Attrape le trésor"
  cycleUrl="/activites/cycle-2"
/>

<TeacherAccess
  lessonId="C2-S10"
  lessonTitle="Projet final Cycle 2"
  lessonUrl="/cycle-2/c2-s10-projet-final"
/>