Dancing Letters es una pequeña aplicación web que transforma cualquier poema o texto en una obra de arte visual en movimiento. Disponible en inglés, español y ruso.
El usuario solo tiene que pegar un texto, elegir una de las catorce escenas de animación —las letras pueden girar, balancearse, ondular como olas, formar espirales o latir como un tambor—, ajustar la velocidad, la intensidad y los colores, y pulsar Animar. El resultado puede visualizarse a pantalla completa, presentarse ante un público, grabarse como vídeo o exportarse fotograma a fotograma para su edición posterior.
La herramienta se organiza en torno a un único escenario y un panel de configuración. El usuario controla el texto del poema, una palabra secreta para destacar, la escena de animación —catorce opciones que van desde movimientos suaves, como respirar, ondular o balancearse, hasta efectos más intensos, como caos, vórtice o explosión—, cuatro efectos adicionales para las letras (parpadeo, deriva, temblor e intercambio de letras) y el aspecto visual completo del escenario: imagen o color de fondo, nivel de oscurecimiento, color y tamaño del texto.
El trabajo nunca se pierde. Las composiciones pueden guardarse como proyectos con nombre en el navegador, exportarse a un archivo e importarse en otro equipo. Para compartir el resultado existen tres opciones: modo presentación para mostrar la animación en directo, grabación de vídeo con un solo clic de un ciclo completo de la animación y exportación de todos los fotogramas en formato PNG dentro de un archivo ZIP para su edición profesional.
Todo funciona directamente en el navegador. No requiere cuenta, servidor, seguimiento de usuarios ni instalación. Toda la aplicación está contenida en un único archivo HTML para cada idioma.
La función de secret word convierte la lectura en un juego: el profesor oculta una palabra dentro del poema y los alumnos buscan las letras resaltadas. El modo de resaltado secuencial facilita la lectura coral y la memorización, guiando la mirada a través del texto con una velocidad ajustable.
Desarrollado íntegramente con HTML, CSS y JavaScript nativos. La animación de cada letra se controla mediante transformaciones CSS y temporización en JavaScript. La grabación de vídeo utiliza la API MediaRecorder del navegador, mientras que la exportación de fotogramas se genera en un canvas y se empaqueta en un archivo ZIP directamente en el lado del cliente. Los proyectos se almacenan en localStorage y pueden exportarse e importarse mediante archivos.
El tamaño total de la aplicación es de aproximadamente 55 KB por cada versión en un idioma. Las únicas dependencias externas son fuentes web y un conjunto de iconos cargados desde CDN públicos; todo lo demás funciona de forma completamente autónoma.
Resultados y próximos pasos
El proyecto demuestra que una herramienta realmente útil para el aula y la creatividad no necesita una tienda de aplicaciones, un servidor ni una suscripción. Un único archivo bien diseñado y un alojamiento estático gratuito son suficientes para ofrecer una experiencia completa.
Los siguientes pasos naturales incluyen incorporar nuevas escenas de animación creadas por la comunidad, añadir más versiones en otros idiomas —la estructura actual de tres idiomas permite incorporar un cuarto de forma sencilla—, generar enlaces compartibles que almacenen una composición y ofrecer configuraciones opcionales de movimiento reducido para quienes prefieran animaciones más suaves.
Letras Vivasestá abierto a sugerencias, traducciones y forks. Si estas letras danzantes te han sacado una sonrisa o te han hecho reflexionar, entonces el proyecto ha cumplido su propósito.