Skip to content

nacholabs/letraviva

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

LETRAVIVA

Abstract

Herramienta para performances de texto instantáneo en vivo. Permite crear una presentación de diapositivas en tiempo real, cada una con texto, imagen, video o sitios web.

Controles

Alt + P = Nueva diapositiva de párrafo
Alt + = Nueva diapositiva de párrafo
Alt + 1 = Nueva diapositiva de título
Alt + 2 = Nueva diapositiva de subtítulo
Alt + Q = Nueva diapositiva de cita

Alt + = Diapositiva anterior
Alt + = Diapositiva siguiente
Alt + = Borrar diapositiva

Alt + R = Gestor/insertador de recursos (imagen/video/URL)
Alt + I = Insertar imagen/video/URL (sin interfaz)
Esc = Cerrar diálogos y poner cursor en texto de diapositiva actual

Alt + S = Exportar presentación
Alt + Z = Modo apocalipsis
Alt + J = Ejecutar diapositiva como javascript (modo livecoding)

Nota: Alt es intercambiable por Ctrl y Cmd donde se permita. Es un poco desastroso por ahora.

Presentaciones y recursos

LETRAVIVA espera un archivo .json con diapositivas y recursos. Las imágenes locales deben contener la ruta relativa a index.html. Se recomienda crear subcarpetas con todas las imágenes y un index.json.

Al arrastrar imagenes a LETRAVIVA se registrarán como recursos. Se toma el nombre del archivo como etiqueta, pero esta puede editarse en el gestor de recursos (Alt + R). Cliquear la miniatura de la imagen la insertará como una nueva diapositiva.

Para importar videos o urls, abrir el gestor de recursos. En el campo "etiqueta" ingresar la nueva etiqueta. En el campo "url" ingresar la nueva URL. Si la URL es de YouTube, se agregará como video.

Las etiquetas sirven para encontrar rápidamente un recurso en una performance en vivo. El modo "sin interfaz" (Alt + I) permite ingresar la etiqueta de manera invisible.

Creando una nueva presentación

  • Crear una carpeta para la presentación en el directorio raíz de LETRAVIVA
  • Poner en esa carpeta las imágenes que se usarán para la presentación
  • Abrir index.html en el navegador
  • Arrastrar a LETRAVIVA las imágenes incluidas en la carpeta. LETRAVIVA pedirá la ruta: escribir el nombre de la carpeta
  • Opcional: abrir el gestor de recursos (Alt + R) y etiquetar las imágenes.
  • Opcional: agregar videos o URLs al gestor.
  • Opcional: crear diapositivas. Las diapositivas creadas al momento de exportar son guardadas y recuperadas automáticamente al abrir la presentación.
  • Exportar presentación (Alt + S). Guardar el código que muestra LETRAVIVA en un archivo index.json adentro de la carpeta con las imágenes.
  • Abrir presentación: arrastrar a LETRAVIVA el index.json. Ignorar el diálogo pidiendo la ruta.

Gestión avanzada

Para reordenar diapositivas, o reordenar/eliminar recursos, editar manualmente index.json.

Estilización

Se pueden realizar ajustes de diseño (tipografía, colores, tamaños…) modificando custom.css.

About

instant text tool

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published