Verbos / Tech
Animer du code pour une vidéo tutoriel
Le code se réécrit sous tes yeux : chaque mot glisse vers sa nouvelle place entre deux versions. Thèmes Dracula, clair et autres, export MP4.
Qu’est-ce que « Animation de code » ?
L’animation de code montre le code qui se réécrit sous tes yeux : entre deux versions, chaque mot glisse vers sa nouvelle place, ce qui apparaît est mis en évidence et ce qui disparaît s’efface. La première version peut se taper comme au clavier. Pour les tutoriels de programmation et les présentations techniques.
- Outil
- ⌨️ Animation de code
- En bref
- Morphing mot à mot · 5 thèmes
- Confidentialité
- Tout se passe dans ton navigateur : aucun fichier n’est envoyé.
Pour quoi faire
Tutoriel vidéo
Montrer une fonction qui évolue étape par étape, sans coupe ni copier-coller à l’écran.
Présentation technique
Expliquer une refactorisation en faisant glisser le code de l’ancienne à la nouvelle version.
Réseaux sociaux
Une astuce de code en 9:16, tapée en direct puis transformée.
Mode d’emploi
- Colle les versions successives du code, séparées par une ligne « --- » (un texte après les tirets s’affiche en légende).
- Choisis le thème de couleurs (Dracula, Monokai, Nord, clair…) et le style de fenêtre.
- Règle la durée de frappe, des transformations et des pauses.
- Exporte en MP4.
Styles prêts à l’emploi
Questions fréquentes
- Quels langages sont colorés ?
- La coloration reconnaît les éléments communs à la plupart des langages : mots-clés, chaînes, nombres, appels de fonction et commentaires.
- Peut-on afficher les numéros de ligne ?
- Oui, c’est une option, comme le nom du fichier en haut de la fenêtre.
- Le code est-il envoyé quelque part ?
- Non, tout reste dans ton navigateur.