Esta librería JavaScript te permite crear animaciones con casillas de verificación HTML

Bryan Braun es un desarrollador web frontend que, hace dos años, tuvo un momento de inspiración al ver un ‘letrero de píxeles mecánicos en blanco y negro’ cerca de su oficina: decidió que podía y debía hacer algo parecido… pero en HTML, usando casillas de verificación a modo de píxeles:

«Después de tres horas, teníamos un reloj digital en funcionamiento […] pero mi cerebro siguió dando vueltas al tema: un reloj está bien, pero teóricamente, podrías crear cualquier cosa de esta manera. ¿O no?».

Pero, a pesar del potencial de la idea, Braun reconoce que resultaba difícil mostrar tantas casillas de manera correcta y consistente en varios navegadores web.

«Las casillas de verificación no fueron diseñadas exactamente para esto. […] ‘Si al menos hubiera una biblioteca que pudiera ayudar a hacer esto’, pensaba».

De modo que, unos meses más tarde, Braun convirtió esa idea en Checkboxlanduna librería JavaScript que permite «representar texto, animaciones y casi cualquier cosa utilizando únicamente casillas de verificación HTML»:

Un paso más allá: imagen y vídeo

Pero antes de empezar a hacer progresos en el desarrollo de videojuegos mediante casillas de verificación, otra idea le empezó a rondar por la mente:

«Si pudiera mostrar cualquier imagen, entonces no tendría que pasar por el laborioso proceso de definir cada casilla de verificación manualmente o crear un algoritmo para la escena que quería».

Cbl Apple

Y así, recurriendo a documentación disponible sobre la conversión de imágenes en texto ASCII, Braun logró usar su biblioteca JavaScript para convertir imágenes simples en casillas de verificación. Y claro, el siguiente paso era inevitable:

«Pronto me di cuenta de que convertir imágenes supone recorrer el 90% del camino hacia la conversión de vídeo, así que esa se convirtió en mi próxima tarea».

Muy pronto eso se tradujo en nuevos cambios en la API de Checkboxland para poder «cargar cualquier vídeo y generar instantáneamente una versión con casillas de verificación«. De hecho, podemos probar en su web esta funcionalidad, usándola para convertir cualquier vídeo que subamos.

FUENTE: https://www.genbeta.com/desarrollo/esta-libreria-javascript-te-permite-crear-animaciones-casillas-verificacion-html-usarlas-para-convertir-imagen-video

Otras entradas que pueden interesarte

Jose Quintana Escrito por:

2 comentarios

  1. Villa
    20 octubre, 2021
    Responder

    Muy buena esta noticia.

  2. Milano
    20 octubre, 2021
    Responder

    Increible como se mueve el desarrollo web.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *