Verbos / Tech
Animar código para un vídeo tutorial
El código se reescribe en pantalla: cada palabra se desliza a su nuevo lugar entre dos versiones. Temas Dracula, claro y otros, en MP4.
¿Qué es «Animación de código»?
La animación de código muestra el código reescribiéndose en pantalla: entre dos versiones, cada palabra se desliza a su nuevo sitio, lo nuevo se resalta y lo eliminado se desvanece. La primera versión puede escribirse como con un teclado. Pensado para tutoriales de programación y charlas técnicas.
- Herramienta
- ⌨️ Animación de código
- En resumen
- Transformación palabra a palabra · 5 temas
- Privacidad
- Todo ocurre en tu navegador: no se sube ningún archivo.
Para qué sirve
Tutorial en vídeo
Mostrar una función que evoluciona paso a paso, sin cortes ni copiar y pegar en pantalla.
Charla técnica
Explicar una refactorización deslizando el código de la versión antigua a la nueva.
Redes sociales
Un truco de código en 9:16, tecleado en directo y luego transformado.
Cómo se usa
- Pega las versiones sucesivas del código, separadas por una línea «---» (el texto tras los guiones aparece como leyenda).
- Elige el tema de colores (Dracula, Monokai, Nord, claro…) y el estilo de ventana.
- Ajusta la duración de la escritura, de las transformaciones y de las pausas.
- Exporta en MP4.
Estilos listos para usar
Preguntas frecuentes
- ¿Qué lenguajes se colorean?
- El coloreado reconoce lo que comparten la mayoría de lenguajes: palabras clave, cadenas, números, llamadas a funciones y comentarios.
- ¿Se pueden mostrar los números de línea?
- Sí, es una opción, como el nombre del archivo en la parte superior de la ventana.
- ¿Se envía mi código a algún sitio?
- No, todo se queda en tu navegador.