# Animer un exercice (/docs/creation-seances/animer-un-exercice)



## Vue d'ensemble [#vue-densemble]

Le mode **Animation** transforme le schéma statique d'un exercice en une petite séquence animée : tu places tes joueurs, plots et ballons, tu dessines leurs déplacements à la souris, et FormaPulse rejoue l'enchaînement. Idéal pour expliquer une rotation, un circuit de passes ou un déplacement défensif sans long discours.

Une animation est composée d'**étapes** (les positions des objets à un instant donné) et de **trajectoires** (le chemin suivi par un ou plusieurs objets pour passer d'une étape à la suivante).

<VideoAVenir titre="Animer un exercice dans le créateur" />

## Prérequis [#prérequis]

* Un exercice dessiné sur le canvas terrain (dans le **Créateur exercice** ou dans la **Trame de séance**).
* Pour enregistrer l'animation, l'exercice doit exister dans ta bibliothèque. Si tu es en train de le créer, l'animation lui sera **liée automatiquement** au moment où tu enregistres l'exercice.

## Étapes [#étapes]

### 1. Ouvrir le mode Animation [#1-ouvrir-le-mode-animation]

Dans **Création > Créateur exercice** (ou depuis **Modifier la structure** d'un exercice existant), clique sur le bouton **Animation** (icône de clap) au-dessus du canvas. Le panneau de droite affiche alors **Animation de l'exercice** à la place des informations de l'exercice. Un nouveau clic sur **Animation** te ramène au formulaire.

### 2. Placer tes objets [#2-placer-tes-objets]

Dispose sur le terrain la situation de départ : joueurs, ballons, plots, buts…

### 3. Dessiner une trajectoire [#3-dessiner-une-trajectoire]

1. Sélectionne un ou plusieurs objets sur le canvas.
2. Clique sur **Animer**.
3. Maintiens le clic et dessine le déplacement, puis relâche pour valider (<kbd>Échap</kbd> pour annuler).

À la première trajectoire, FormaPulse capture automatiquement la situation de départ (**Étape 1**) et crée l'**Étape 2** avec les objets déplacés au bout du tracé. Les objets suivent exactement le chemin dessiné pendant la lecture.

### 4. Enchaîner les étapes [#4-enchaîner-les-étapes]

Répète l'opération pour construire la suite de l'action : chaque nouvelle trajectoire tracée depuis la dernière étape crée une nouvelle étape.

Pour faire bouger **plusieurs objets en même temps** sur un même segment (ex : le porteur avance pendant que son partenaire fait un appel), sélectionne l'étape de départ dans la liste avant de cliquer sur **Animer** : si cette étape a déjà une étape suivante, la trajectoire s'ajoute à ce segment au lieu de créer une nouvelle étape.

### 5. Organiser les étapes [#5-organiser-les-étapes]

La liste **Étapes** te permet, pour chaque étape :

| **Élément**           | Description                                                                                           |
| --------------------- | ----------------------------------------------------------------------------------------------------- |
| **Nom**               | Renomme l'étape (ex : « Relance », « Fixation »)                                                      |
| **Trajectoires**      | Déplie l'étape pour voir ses déplacements (« Déplacement (2 objets) »), les renommer ou les supprimer |
| **Mettre à jour**     | Remplace les positions de l'étape par les positions actuelles du canvas                               |
| **Supprimer l'étape** | Retire l'étape de l'animation                                                                         |

### 6. Lire l'animation [#6-lire-lanimation]

Dès que l'animation compte **au moins 2 étapes**, les commandes de lecture s'activent :

| **Commande**        | Description                                                              |
| ------------------- | ------------------------------------------------------------------------ |
| **Lecture / Pause** | Lance ou met en pause l'animation                                        |
| **Arrêter**         | Revient au début                                                         |
| **Boucle**          | Rejoue l'animation en continu                                            |
| **Durée (s)**       | Durée de lecture entre deux étapes, en secondes (1,5 s par défaut)       |
| **Curseur**         | Fait défiler l'animation manuellement pour te placer à un instant précis |

### 7. Enregistrer et gérer les versions [#7-enregistrer-et-gérer-les-versions]

* **Enregistrer** : crée la première version, puis écrase la version actuellement chargée (v1, v2…).
* **Nouvelle version** : fige l'animation en cours dans une nouvelle version, sans toucher à la version courante.

La liste **Versions** te permet de recharger une version, de lui donner un nom ou de la supprimer. Pratique pour garder plusieurs déclinaisons d'un même exercice (ex : « sans opposition » / « avec opposition »).

### 8. Exporter la vidéo [#8-exporter-la-vidéo]

Clique sur **Vidéo** : FormaPulse rejoue l'animation et l'enregistre en vidéo, puis la convertit en arrière-plan (un indicateur tourne à côté de la version pendant la conversion, une icône de film apparaît une fois la vidéo prête).

<Callout type="info">
  L'export vidéo est disponible une fois la version **enregistrée**. Il
  repose sur la capture vidéo du navigateur : si ton navigateur ne la prend
  pas en charge, un message te l'indique.
</Callout>

## Animer depuis la trame de séance [#animer-depuis-la-trame-de-séance]

Le même bouton **Animation** est disponible dans la section **Liste des exercices** de la [trame de séance](/docs/creation-seances/trame-de-seance). Chaque exercice de la trame garde sa propre animation pendant que tu passes de l'un à l'autre. Une fois enregistrée, l'animation est rattachée à l'exercice de ta bibliothèque : si tu crées l'exercice depuis la trame, l'animation déjà préparée y est liée automatiquement.

## Où retrouver l'animation [#où-retrouver-lanimation]

* **Dans l'Espace exercice** : l'icône de clap de la colonne des médias s'allume quand l'exercice a une animation, et l'action **Voir les animations** ouvre la vidéo (avec le choix de la version s'il y en a plusieurs). La section **Animation** apparaît aussi dans le détail de l'exercice.
* **Dans l'app joueur** : dans le détail de la séance, la vidéo de l'animation (dernière version exportée) s'affiche dans le média de l'exercice **quand aucune autre vidéo n'y est attachée**.

## Erreurs à éviter [#erreurs-à-éviter]

* **Ne pas exporter la vidéo** : une animation seulement enregistrée reste visible dans le créateur, mais ce sont les versions **exportées en vidéo** qui apparaissent dans l'Espace exercice et dans l'app joueur.
* **Lancer Animer sans sélection** : il faut d'abord sélectionner au moins un objet sur le canvas, sinon rien n'est enregistré.
* **Attendre une vidéo côté joueur alors qu'une vidéo est déjà attachée** : si l'exercice a déjà une vidéo (fichier ou lien YouTube), c'est elle qui est affichée en priorité.

## Aller plus loin [#aller-plus-loin]

<Cards>
  <Card title="Créer un exercice" href="/docs/creation-seances/creer-exercices" />

  <Card title="Trame de séance" href="/docs/creation-seances/trame-de-seance" />

  <Card title="Espace exercice" href="/docs/creation-seances/espace-exercice" />
</Cards>
