Ces cinq vidéos illustrent deux méthodes d’animation en code : la boîte à outils indépendante claude-motion de whaleyxbt et HyperFrames de HeyGen. Chaque exemple cite son éditeur ; il s’agit d’une collection d’étude, pas de travaux clients du site ni de créations d’Anthropic Motion. Les notes reposent sur les descriptions et sources publiées par leurs auteurs, et les liens mènent aux films originaux.
1. Essaim de robots explorateurs — whaleyxbt
Le billet X de l’auteur contient une vidéo de 20 secondes. Le README des simulations décrit sa construction : un robot devient 256 sur des sites inventés, dont les mots réagissent au contact. C’est une métaphore du travail parallèle, pas une preuve de collecte réelle. Étudiez comment un nombre devient un récit spatial. Pour votre explication, utilisez une file de tâches fictive : une tâche, plusieurs travailleurs, puis le système entier. Reliez toute affirmation sur l’échelle à vos données réelles.
2. D’un nom d’utilisateur à un dossier — whaleyxbt
La deuxième vidéo X de 20 secondes reprend l’essaim avec un autre récit. Le dépôt précise que la personne et les pages sont fictives ; des fils rouges transportent les détails vers un dossier. Cette distinction est essentielle. La leçon réutilisable est le flux d’information : des fragments collectés convergent vers un résultat organisé. Pour sensibiliser à la vie privée, conservez des identités fictives et montrez comment des divulgations séparées se combinent. Ne présentez pas l’animation comme une enquête validée ou une preuve concernant une personne réelle.
3. Lancement d’HyperFrames — HeyGen
La galerie officielle de HeyGen publie le film et ses sources. Le projet sépare ouverture, démonstrations de CSS et d’autres techniques, explication du moteur et appel final en plusieurs compositions. Ses sous-titres créditent Claude Code pour la création. C’est un exemple de travail avec un agent de programmation, rendu précisément avec HyperFrames. Étudiez la séparation entre promesse, démonstration et étape suivante. Chaque scène peut prouver une capacité, plutôt que d’entasser toutes les fonctions dans une image surchargée.
4. Éditeur de timeline — HeyGen
Le film Timeline editor de la galerie dispose d’un projet source public. L’ouverture présente le timing comme une difficulté ; les scènes suivantes introduisent la timeline comme réponse et expliquent le temps gagné. C’est une référence pédagogique produit : d’abord la friction, puis le contrôle qui la résout. Dans une vidéo similaire, montrez l’état exact avant et après une seule modification. Évitez de compter sur « facile à utiliser » lorsqu’une opération visible peut mieux communiquer le bénéfice.
5. D’une PR à une vidéo — HeyGen
Ce film transforme le récit d’une pull request en courte explication. Le projet public comprend des scènes sur la PR, la difficulté de lire les changements, le résumé, le code, le flux, la discussion, les crédits et l’action finale. Il donne une structure éditoriale à un changement technique. Reprenez la séquence, pas ses affirmations : dites ce qui change, montrez un exemple significatif et citez les contributeurs. Comparez chaque affirmation technique au véritable diff pour éviter qu’une animation convaincante devienne une note de version inexacte.
Voir les vidéos originales
Crawler swarmPar whaleyxbt · claude-motion toolkit · Voir sur le site d’origineOne username to a dossierPar whaleyxbt · claude-motion toolkit · Voir sur le site d’origineHyperFrames launchPar HeyGen · HyperFrames · Voir sur le site d’origineTimeline editorPar HeyGen · HyperFrames · Voir sur le site d’originePR to videoPar HeyGen · HyperFrames · Voir sur le site d’origineVotre prochaine étape
Regardez les films originaux, examinez les sources et retenez une technique narrative. Attribution et preuves rendent les exemples plus utiles qu’une bande démo sans identification.
Découvrir l’espace de créationSources et lectures complémentaires
Les références renvoient aux documents originaux et à leurs créateurs. La disponibilité peut évoluer : consultez la source avant de vous abonner ou d’installer un outil.
- Crawler swarm — original videowhaleyxbt
- One username to a dossier — original videowhaleyxbt
- Web sims — construction and fictional-data noteswhaleyxbt
- HyperFrames examples and original video playersHeyGen
- HyperFrames launch — source projectHeyGen
- Timeline editor — source projectHeyGen
- PR to video — source projectHeyGen