# L’agent prépare, vous décidez

Film de 47,5 secondes pour Pragma Monaco. Il est dessiné à la main et calculé en direct dans le navigateur en JavaScript (Canvas 2D), puis exporté en MP4 à partir du même code. Deux compositions : paysage 1920 × 1080 et vertical 1080 × 1920.

## Direction

Animation 2D dessinée à la main. Le trait de crayon vibre à chaque dessin : trois variantes par pose, 12 dessins par seconde, exportés à 24 images par seconde. Les couleurs sont posées au feutre, légèrement décalées du trait. Les ombres sont en hachures, les titres sont écrits à la main sur un coup de surligneur. Le jour se passe sur du papier crème, la nuit sur de l’encre bleue tracée à la craie. L’encre de la nuit envahit la page, le soleil du matin la repousse, et la caméra passe d’une scène à l’autre par des panoramiques filés et des plongées. Le colibri de la marque est l’agent. Pendant la nuit, il laisse un fil turquoise qui relie tout ce qu’il vérifie, et ce fil devient le graphe du second cerveau.

## Récit

| Temps | Image | À l’écran |
|---|---|---|
| 0 à 6,2 s | La boutique se dessine devant un soleil couchant et le panneau « Fermé » se balance. Le colibri arrive, puis l’encre de la nuit envahit la page. | 22 h. La boutique ferme. Votre agent, lui, se met au travail. |
| 6,2 à 19,6 s | Trois vignettes à la craie, reliées par des panoramiques filés : le tarif fournisseur et les étiquettes de prix, les bouteilles comptées en bâtons, les messages triés. Un post-it propose chaque action, puis les trois post-it s’envolent dans le panier « À valider demain ». | Il compare les prix. Il compte les stocks. Il relit les messages. Il prépare. Rien ne part sans vous. |
| 19,6 à 24 s | Le soleil se lève, un café fume et une notification rebondit sur le téléphone. La caméra plonge dans l’écran. | 7 h. Trois propositions vous attendent. |
| 24 à 37,6 s | Trois cartes sourcées. Un pouce valide les deux premières et écarte la troisième. Chaque tampon s’accompagne d’un flash de couleur. | Chaque proposition cite sa source. Vous validez, ou vous écartez. Trois décisions. Trois gestes. |
| 37,6 à 47,5 s | Le colibri trace le graphe dans le carnet, où les décisions validées deviennent de nouveaux nœuds. Le carnet se ferme sur la couverture Pragma.mc. | Chaque décision enrichit votre second cerveau. Vos agents préparent. Vous décidez. contact@pragma.mc |

## Fichiers

- `src/script.js` : temps, textes, cartes et nœuds. Tout le contenu se modifie ici.
- `src/sketch.js` : trait vibrant, tracé qui se dessine, cercles et boîtes à main levée, hachures, feutre, écriture.
- `src/paper.js` : papiers de jour et de nuit, taches d’encre. `src/bird.js` : le colibri dessiné et ses vols.
- `src/scene_evening.js`, `src/scene_night.js`, `src/scene_phone.js`, `src/scene_brain.js` : les quatre temps du film. `src/stage.js` : formats, titres, post-it, cartes, caméra.
- `src/film.js` : `drawFrame(ctx, env, t, format)`, une fonction pure du temps, animée à 12 dessins par seconde.
- `player.js`, `index.html` : lecteur, avec des liens `?t=` vers chaque scène. `score.mjs` : musique déterministe. `render.mjs` : export MP4.

```bash
bun install
bun run score
bun run render:16x9 && bun run render:9x16
```

## Fontes

Kalam, Gilda Display et Hanken Grotesk, sous licence OFL.