Herramienta web para explorar el tiempo de un video como espacio. Carga un video, sepáralo en frames y apílalos en 3D. Luego ajusta cómo se distribuyen, procésalos y anímalos con keyframes.
Todo corre en el navegador: el video nunca sale de tu equipo.
- Extraer frames de cualquier tramo del video, eligiendo cuántos por segundo y a qué ancho.
- Apilarlos en Z controlando la distancia, el rango de frames y el orden.
- Transformar la pila desde un frame de referencia hacia los extremos: escala constante, lineal u onda, giro acumulado en grados enteros, opacidad y edge fade con borde irregular.
- Procesar la imagen: recorte por brillo o por color (con cuentagotas), mostrar solo lo que cambia entre frames y teñido por tiempo con dos colores.
- Animar con keyframes: cámara, frame seleccionado, escala, giro, opacidad y procesamiento, con atajos de órbita de cámara y recorrido de frames.
- Ver en perspectiva libre, frontal o isométrica, con fondo negro, blanco o tomado de un frame.
- Exportar: frame en PNG, captura de la vista 3D, video frontal, video de la vista 3D y video de la animación. Las exportaciones salen siempre a resolución completa.
index.html Estructura de la interfaz
css/styles.css Estilos (tema claro y oscuro según el sistema)
js/app.js Lógica: extracción, escena 3D, procesamiento, animación y exportación
Se cargan desde CDN, sin instalación:
- three.js r128 para la escena 3D.
- Roboto Mono desde Google Fonts.
Desarrollado por Felipe Roa R. (@fefeliperoa) DPPI / Escuela de Diseño UDP 2026
Inspirado en el trabajo de @p_h_r_o_.