Agents IA
Mon agent IA manie la 3D avec classe
Un Plaud qui tourne, des infographies qui suivent ma voix et un fond qui disparaît. Démonstrations à manipuler et coulisses d’un travail réalisé avec Hermes, Remotion et Three.js.
J’ai confié à mon agent IA des rushs et une référence visuelle du Plaud Note Pro. Il a écrit des compositions Remotion, reconstruit le produit avec Three.js et préparé des couches transparentes pour le montage. Voici les résultats et la manière dont nous les avons obtenus.
- Une animation du Plaud à regarder sur plusieurs fonds pour comprendre la transparence.
- Des mouvements en 3D et un montage qui mêle ma voix, des infographies et le produit animé.
- Les étapes de fabrication, les corrections nécessaires et les fichiers qui restent modifiables.
Faire tourner un objet, c’est sympathique. Le faire entrer au bon endroit, au bon moment, sans masquer la personne qui parle, c’est déjà plus intéressant. Pour ma vidéo sur le Plaud, je voulais un habillage qui accompagne l’explication et que je puisse reprendre au montage. Un peu de spectacle, oui. Un appareil qui fait des pirouettes devant mon nez pendant toute la vidéo, beaucoup moins.
Je vous ouvre donc l’atelier. Les animations présentées ici viennent de nos compositions et de nos exports réels. L’illustration d’ouverture assemble des images de ces rendus. Et comme la transparence se comprend mieux en jouant avec qu’en lisant une définition, commençons par la démonstration.
Changez le décor, le Plaud reste détaché
Choisissez un fond, puis lancez l’animation. Le produit passe alternativement à gauche et à droite. Le centre reste libre : dans la vidéo, cette place est destinée à mon visage. Le damier n’appartient pas à l’objet, pas plus que le fond cuivre ou le fond clair. Ce sont des décors placés derrière la même animation.
La transparence, c’est une couche que je garde
Le canal alpha indique quelles parties de chaque image sont visibles, transparentes ou entre les deux. Imaginez une feuille transparente sur laquelle on aurait posé uniquement le produit et ses contours. Je peux placer cette feuille au-dessus de mon rush sans transporter avec elle un rectangle noir.
Nos fichiers de montage sont des MOV ProRes 4444 avec alpha. Les MP4 présentés dans cet article servent à regarder le résultat : ils ont un fond et ne conservent pas cette transparence. Pour la petite expérience interactive, j’ai demandé une adaptation WebP animée à partir du MOV. On garde ainsi les zones transparentes dans la page, sans faire télécharger le fichier de montage complet.
Quatre mouvements, une contrainte de cadrage
Dans cette version, le Plaud enchaîne une vrille ascendante, un salto, une trajectoire en huit et une rotation sur plusieurs axes. La séquence dure 24 secondes. Le fichier vidéo d’origine est en 1 920 × 1 080, à 25 images par seconde. Les entrées et les sorties sont prévues dans le mouvement : l’objet ne surgit pas au milieu d’une phrase puis ne disparaît pas au hasard.
Le modèle est une reconstruction visuelle à partir d’une image montrant le produit sous plusieurs angles. Son volume, ses faces texturées et sa caméra sont décrits dans le code Three.js. Cela donne de la profondeur et des changements de point de vue. Cela ne transforme pas les photographies en plan de fabrication : les proportions et les détails restent une approximation destinée à l’illustration.
Quand Remotion et la 3D suivent ma voix
Le passage suivant montre l’intérêt du mélange. L’ouverture commence par « Je ne prends plus de notes en réunion, j’écoute tout simplement ». Une horloge accompagne la réunion qui s’éternise. Des mots s’effacent quand je raconte mon attention qui décroche. Le produit 3D apparaît au moment où j’introduis la solution, puis l’habillage devient plus discret lors du retour à la facecam.
Les durées de réunion et d’attention racontent ici mon expérience ; ce ne sont pas des seuils scientifiques. Et ce remontage vise une ouverture plus claire, sans prouver à lui seul une hausse de rétention. Pour cela, il faudrait regarder les données de diffusion. Une jolie horloge ne fait pas office de mesure.
Les coulisses, racontées par l’agent
Je laisse maintenant la parole à Hermes, mon assistant, pour expliquer son travail.
Je suis Hermes, l’assistant IA de Johan. Pour ce projet, mon point de départ est le rush : ce qui est dit, ce qui est visible, et ce qui ne doit pas être recouvert. Je repère les passages utiles avant de décider ce qui va bouger.
Je traduis ensuite ces choix en code. Three.js décrit le produit, les matériaux, les lumières et la caméra. Remotion organise les images dans le temps. Les positions, les rotations et les apparitions dépendent du numéro de l’image. Cette horloge commune évite qu’une animation parte à un moment différent à chaque rendu.
La première reconstruction n’était pas satisfaisante. Johan trouvait la perspective étrange et le relief trop marqué. J’ai remplacé la caméra orthographique par une caméra perspective et atténué les rainures. Une vérification technique avait accepté le fichier ; le regard de Johan a refusé son apparence. Les deux contrôles étaient nécessaires.
Pour mélanger graphisme et 3D, je conserve le même principe : chaque élément doit accompagner une idée. Je règle son emplacement, son entrée, sa durée et sa sortie. Au retour à la facecam, Johan tient déjà le produit ; je réduis donc l’habillage au lieu de lui ajouter un second Plaud qui tourne à côté.
Enfin, je rends les compositions et prépare les fichiers avec FFmpeg. Je contrôle leur décodage, leurs dimensions, leur durée et la transparence des zones réservées. Les versions précédentes restent disponibles. Le montage final conserve une base sans habillage, une couche alpha séparée et un aperçu assemblé avec la voix.
Ce que je peux reprendre après la livraison
Je récupère des couches et du code, pas uniquement une vidéo figée. Je peux remettre le rush sur une piste, l’habillage transparent au-dessus, puis reprendre le montage. Pour changer la trajectoire du modèle ou le texte d’un panneau, il faut modifier la composition et la rendre de nouveau : le MOV seul n’est pas une scène 3D éditable.
La base, les images transparentes et le son doivent garder la même référence temporelle. Dans l’introduction remontée, la couche alpha correspond au nouvel ordre des plans, pas aux rushs dans leur ordre initial. Le détail paraît petit. Il évite surtout d’obtenir une animation très ponctuelle… dans la mauvaise phrase.
Un brief que vous pouvez reprendre
Pour demander un habillage comparable à un agent, précisez ce qui compte avant de lui demander de faire joli.
Le rôle de l’animation
Quelle idée doit-elle rendre plus claire ? Fournissez le passage exact, le rush et les références visuelles autorisées.
Les zones à préserver
Indiquez le visage, les mains, le produit, les textes sources et les espaces qui doivent rester libres.
Les fichiers attendus
Demandez la composition source, une couche avec alpha et un aperçu avec le son. Précisez format, cadence et durée.
Les contrôles
Conservez les originaux, regardez des images de contrôle et vérifiez le fichier encodé. Prévoyez une correction après visionnage.
La classe, c’est aussi savoir se faire discret
Ce qui m’intéresse dans cette expérience, c’est de pouvoir travailler le mouvement comme une partie de l’explication. L’agent prépare, code, rend et corrige. Je donne la direction, je regarde ce qui fonctionne et je garde la main sur ce qui sera publié. Notre premier Plaud ressemblait un peu trop à de la tôle ondulée : le bouton « générer » n’avait donc pas remplacé le goût.
Avec une couche transparente et une composition reprise proprement, je peux envisager l’habillage dès le tournage. Laisser une place dans le cadre. Montrer le produit au moment utile. Puis lui demander de sortir. Même un agent qui manie la 3D avec classe doit savoir quand arrêter de faire le malin.
Pour retrouver le récit de l’expérience et la réflexion sur l’évolution du travail créatif : Expliquez-moi pourquoi l’IA ne me remplacera pas. Ici, nous avons pris le temps de regarder comment les images sont fabriquées.
Fabrication et sources
- Créations Plaud réalisées avec Johan le 7 septembre 2026 : compositions React/Remotion et Three.js, exports ProRes 4444 et MP4. Sources de code relues et propriétés des vidéos contrôlées pour cet article.
- Démonstration de transparence et couverture préparées à partir du rendu 3D V3 existant. Aucun nouveau modèle du produit n’a été généré pour cet article ; les deux vidéos sont les exports d’origine.
- Documentation officielle Remotion, « Rendering transparent videos », consultée le 11 septembre 2026 : www.remotion.dev/docs/transparent-videos. Elle décrit notamment les exports ProRes avec alpha pour les logiciels de montage.
- Article préparé avec Hermes à partir du travail de Johan. Les logiciels et les ressources du projet existaient déjà. Aucun coût complet, gain de temps comparatif ou gain de rétention n’est établi par cette démonstration.