Verbos / Tech
Code für Tutorial-Videos animieren
Code schreibt sich vor deinen Augen um: jedes Wort gleitet an seinen neuen Platz zwischen zwei Versionen. Dracula, hell und mehr, als MP4.
Was ist „Code-Animation“?
Die Code-Animation zeigt Code, der sich vor deinen Augen umschreibt: Zwischen zwei Versionen gleitet jedes Wort an seinen neuen Platz, Neues wird hervorgehoben, Entferntes blendet aus. Die erste Version kann wie auf einer Tastatur getippt werden. Für Programmier-Tutorials und technische Vorträge.
- Werkzeug
- ⌨️ Code-Animation
- Kurz gesagt
- Wort-für-Wort-Morphing · 5 Themes
- Datenschutz
- Alles passiert in deinem Browser: Es wird keine Datei hochgeladen.
Wofür es gut ist
Video-Tutorial
Eine Funktion Schritt für Schritt weiterentwickeln, ohne Schnitte und ohne Kopieren und Einfügen im Bild.
Technischer Vortrag
Ein Refactoring erklären, indem der Code von der alten zur neuen Version gleitet.
Social Media
Ein Programmiertipp im Format 9:16, live getippt und dann umgeformt.
So geht’s
- Füge die aufeinanderfolgenden Versionen des Codes ein, getrennt durch eine Zeile „---“ (Text nach den Strichen erscheint als Bildunterschrift).
- Wähle das Farbschema (Dracula, Monokai, Nord, hell …) und den Fensterstil.
- Stelle die Dauer von Tippen, Umformungen und Pausen ein.
- Exportiere als MP4.
Fertige Stile
Häufige Fragen
- Welche Sprachen werden hervorgehoben?
- Die Hervorhebung erkennt, was die meisten Sprachen gemeinsam haben: Schlüsselwörter, Strings, Zahlen, Funktionsaufrufe und Kommentare.
- Kann ich Zeilennummern anzeigen?
- Ja, das ist eine Option – wie der Dateiname oben im Fenster.
- Wird mein Code irgendwohin geschickt?
- Nein, alles bleibt in deinem Browser.