Démos de code animées
Collez un extrait et obtenez une scène de code animée et nette avec coloration syntaxique — parfaite pour les tutoriels et le contenu tech.
1const cuts = await findFiller(words)2for (const cut of cuts) {3timeline.remove(cut.start, cut.end)4}
Ce que vous obtenez
Du code lisible et coloré
Des scènes à coloration syntaxique pensées pour rester lisibles à l'écran, avec nom de fichier et langage en option.
Aucune compétence en motion
Collez le code, obtenez l'animation. Sans keyframes, sans plugins, sans soirée perdue.
Fidèle à la marque
Rendu avec la palette de votre Brand Kit pour des scènes de code assorties au reste.
Comment ça marche
- 01
Ajoutez votre extrait
Collez le code tel quel et choisissez son langage pour la coloration syntaxique. Marquez les lignes qui doivent s'allumer au moment où vous en parlez.
1export function useSeen() {2const [seen, setSeen] = useState(false)3return [seen, attach]4}
Les numéros de ligne restent : « ligne 3 » désigne la même chose à l'écran et dans votre script. Rien n'est compilé ni exécuté. - 02
Générez la scène
La scène s'écrit ligne à ligne, colorée, à une taille qui reste lisible sur un téléphone. Ce n'est pas une capture d'éditeur mais une composition rendue aux couleurs de votre Brand Kit.
Scène de codeUn observateur, pas un effetuseSeen, en quatre lignesexport function useSeen() {const [seen, setSeen] = useState(false)return [seen, attach]}Le cadre est la scène telle qu'elle sort du rendu, pas une fenêtre d'éditeur recadrée : titre, sous-titre et code sont composés pour l'écran d'un téléphone. - 03
Placez-la
La scène se pose sur la piste B-roll, au-dessus de votre image, à l'instant que vous choisissez. Elle se déplace à la main si le montage bouge après coup.
B-rollScène généréeVotre imageLa tête de lecture est sur le premier photogramme de la scène, au-dessus du plan de caméra qui continue de tourner en dessous.
Questions fréquentes
Essayez-le sur votre prochaine vidéo
Sept jours gratuits, sans carte bancaire.
Essai gratuit 7 jours, sans carte.