# Le boss du 14

Film de 45 secondes pour Pragma Monaco, animé dans le style d’un anime shōnen. Il est 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

Le 14 du mois, date limite de la TVA, devient un boss de manga : une page de calendrier aux yeux furieux, un corps fait de tickets et de factures. La gérante et le boss sont des illustrations peintes, une par pose, animées par le code (respiration, élan, tremblement, rugissement, explosion en tuiles). Tout est encré, en aplats avec une ombre franche, sur des trames de points et des lignes de vitesse. L’animation est continue à 24 images par seconde : anticipation avant chaque coup, dépassement à l’arrivée, lignes de concentration, cases qui claquent et onomatopées. Le colibri et le faisceau du scanner prennent de l’élan, dépassent leur cible et laissent des traînées de vitesse. Deux images d’impact seulement, pour le boss qui se dresse et pour la validation. Entre deux scènes, une bande colorée de lignes de vitesse fait entrer la suivante. Le colibri Pragma est l’allié de l’héroïne, mais c’est elle qui vérifie et qui valide. Les titres sont du lettrage manga : Hanken Grotesk 900 sur des cartouches de papier cerclés d’encre, inclinés, qui claquent en place. Ils restent dans une zone réservée en haut à gauche, au-dessus de tous les effets, sont mesurés pour tenir dans la largeur, et chacun tient au moins 2,5 secondes.

## Récit

| Temps | Image | À l’écran |
|---|---|---|
| 0 à 8 s | Les pages 12 et 13 s’arrachent. Le 14 tremble, se fâche, puis se dresse en boss sous l’orage. | Le 14 approche. |
| 8 à 14 s | Dans la boutique, une pluie de tickets ensevelit la gérante. Les yeux du boss brillent à la fenêtre. Puis gros plan sur ses yeux : elle décide de se battre, un éclat traverse son regard. | Factures, tickets, relevés : tout s’accumule. |
| 14 à 22 s | Le colibri arrive et se transforme dans une explosion de lignes, d’aura et d’étincelles. Le téléphone scanne, et douze justificatifs filent dans Achats, Ventes et Frais. | Le Comptoir scanne chaque facture. |
| 22 à 29 s | Deux cases claquent, Banque et Justificatifs. Des éclairs relient chaque ligne à sa pièce, validées une à une. | Et la rapproche de votre banque. |
| 29 à 36 s | La gérante prend son élan et appuie sur Valider. Impact, l’écran tremble, le boss explose en papier, l’écran passe à « TVA prête ». | Vous vérifiez. Vous validez. Votre TVA est prête avant le 14. |
| 36 à 40 s | Au coucher du soleil, un café. Deux grands tampons claquent sur la page et restent jusqu’à la fin. | Vos données restent sous contrôle. Accès maîtrisés. Hébergement à Monaco possible. |
| 40 à 45 s | Le colibri en aura, le wordmark Pragma.mc, la promesse. | Le 14 n’est plus un combat. contact@pragma.mc |

## Fichiers

- `src/script.js` : temps, titres, onomatopées, lignes bancaires et garanties. Tout le contenu se modifie ici.
- `src/stage.js` : formats, lettrage des titres, vols et zooms. `src/fx.js` : trames de points rapides. `src/shonen.js` : traînées du colibri, salves de lignes, gros plan des yeux, tampons et transitions.
- `src/figures.js` : la gérante, une illustration peinte par pose (panique, attaque, validation, victoire), posée par le centre de sa tête, avec respiration, atterrissage écrasé et tremblement de panique. `src/boss.js` : le boss du 14 (repos et rugissement), ses pages de calendrier et son explosion en tuiles de papier. `src/props.js` : colibri, tickets, dossiers, éclairs, téléphone.
- `src/sprites.js` : la liste des illustrations de `art/` (WebP transparents), chargées par le lecteur et par l’export avant la première image. `art/gen.sh` les génère avec GPT Image 2 par la CLI Higgsfield, sur fond transparent, avec une image de référence pour garder le même personnage d’une pose à l’autre. Les PNG sources restent hors dépôt, dans `art/raw/`.
- `src/scene_boss.js`, `src/scene_hero.js`, `src/scene_finish.js` : les sept temps du film.
- `src/film.js` : `drawFrame(ctx, env, t, format)`, une fonction pure du temps. Le moteur manga partagé est `../_manga/manga.js`.
- `player.js`, `index.html` : lecteur, avec des liens `?t=` vers chaque scène. `score.mjs` : musique déterministe (taikos, cordes, cuivres sur les coups). `render.mjs` : export MP4.

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

## Fontes

Hanken Grotesk et Gilda Display, sous licence OFL.