todrawn
code en vidéo

Code en vidéo : un extrait, dessiné ligne par ligne.

Collez une fonction, un diff ou un bloc de configuration. Todrawn Scribe le redessine au stylo au rythme que vous fixez, puis l'exporte en vidéo à déposer dans une pull request, un canal d'équipe ou un cours.

Une fonction TypeScript, du code collé à la timeline rejouée.

Ce qui le distingue d'un enregistrement d'écran

Le code est l'entrée

Pas de caméra, pas de fenêtre d'éditeur, pas de curseur qui cherche la ligne. Vous collez la source et choisissez un profil de coloration ; le stylo écrit ce que vous avez collé, et rien d'autre.

Vous choisissez l'ordre

Un enregistrement suit ce que vous avez fait sur le moment. Ici vous décidez quelle ligne arrive en premier, où se place la pause et sur quoi revenir, pour que le spectateur lise le raisonnement et non votre bureau.

Le rendu se fait dans le navigateur

Composition, aperçu et encodage tournent en local. Votre code n'est pas téléversé, et vous n'avez rien à installer avant de voir si cela fonctionne.

Quand c'est le bon outil

Les explications courtes où le raisonnement compte plus que l'environnement : pourquoi cette branche existe, ce que fait vraiment un appel, comment une modification de configuration se propage. Tout ce sur quoi vous écririez sinon six paragraphes en espérant qu'on les lise.

Quand ce n'est pas le cas

Si l'environnement est la leçon, enregistrez votre écran. Un terminal qui réagit, un débogueur pas à pas, un bug d'interface intermittent : cela exige l'original, et Scribe écarte l'environnement volontairement.

Essayez avec votre propre extrait

L'éditeur et l'aperçu s'ouvrent sans compte : vous voyez votre code dessiné avant de décider quoi que ce soit.

Ouvrir Todrawn Scribe

Todrawn utilise des cookies strictement nécessaires pour vous garder connecté(e) et, avec votre consentement, Google Analytics pour comprendre comment l'application est utilisée. En savoir plus dans notre Politique de confidentialité.