# Le second cerveau de votre entreprise, film v3

Film commercial de 50 secondes pour Pragma Monaco. Il est calculé en direct dans le navigateur en JavaScript (Canvas 2D, 60 images/s) et exporté en MP4 à partir du même code. Deux compositions : paysage 1920 × 1080 et vertical 1080 × 1920. Dans la version verticale, le graphe est transposé et le parcours de la réponse se lit de haut en bas.

## Direction

La nuit « Horizon » de pragma.mc : bords presque noirs, halos pétrole qui dérivent, étoiles, grain. Chaque particule est l'un des 2 980 pigments du colibri de la marque et garde sa couleur de plumage. Le film raconte un seul trajet : ces pigments sont d'abord le savoir éparpillé de l'entreprise, deviennent ensuite le graphe de connaissances, puis reprennent leur place dans le colibri. Titres en Gilda Display, textes en Hanken Grotesk, cartes ivoire à l'encre pétrole.

## Récit (120 BPM, une mesure = 2 s)

| Temps | Image | À l'écran |
|---|---|---|
| 0 à 6 s | Étiquettes ivoire (devis, mails, tableurs, notes vocales, règles) flottant dans des nuées de pigments | Votre entreprise sait déjà tout. Mais tout est éparpillé. |
| 6 à 14 s | Une question se tape sur une carte ; l'IA sonde trois fichiers au hasard ; sa réponse est barrée | Sans contexte, l'IA devine. |
| 14 à 26 s | Onde de choc : les pigments se rangent en sept nœuds 3D (Clients, Commandes, Stock, Atelier, Règles, Équipe, Fournisseurs) reliés par des flux | Un graphe de connaissances relie tout. Vos clients, vos stocks, vos équipes, vos règles. |
| 26 à 36 s | La question revient ; une comète parcourt le chemin nœud par nœud et chaque nœud révèle sa donnée ; la carte réponse cite ses sources et Claire valide | Une réponse sourcée, validée par la bonne personne. |
| 36 à 42 s | Chaque validation fait éclore de nouveaux nœuds ; la caméra recule | Chaque décision validée l'enrichit. Vos données restent chez vous. Hébergement à Monaco possible. |
| 42 à 50 s | Le graphe entier vole vers le colibri, qui bat des ailes puis se pose au-dessus du wordmark | Pragma.mc, Le second cerveau de votre entreprise., contact@pragma.mc |

## Fichiers

- `index.html`, `player.js` : lecteur. L'horloge audio pilote l'image. Si le navigateur refuse le son, une horloge silencieuse prend le relais. Avant la lecture, le lecteur affiche une image d'attente dessinée. En mouvement réduit, cette image est la signature finale et rien ne démarre seul.
- `src/script.js` : textes, temps, nœuds, liens, question et réponse. Tout le contenu se modifie ici.
- `src/layout.js` : les deux compositions.
- `src/particles.js` : les pigments et leurs trois formations (éparpillé, graphe, colibri).
- `src/graph.js` : caméra et projection 3D, liens, comète du trajet.
- `src/fragments.js`, `src/cards.js`, `src/type.js` : étiquettes, cartes question et réponse, étiquettes des nœuds, typographie cinétique.
- `src/backdrop.js` : nuit, halos, étoiles, vignette, grain.
- `src/film.js` : `drawFrame(ctx, env, t, format)`, une fonction pure du temps.
- `score.mjs` : musique déterministe calée sur l'image (Schroeder pour la réverbération). `render.mjs` : export MP4 par `@napi-rs/canvas` et ffmpeg.

## Commandes

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

## Fontes

Gilda Display et Hanken Grotesk, sous licence OFL.