Comic Formativo V2
Aplicacion web para generar comics formativos con IA usando la API de Pollinations. Sube una imagen de un profesor y genera un comic educativo en el estilo y escenario que elijas.
Novedades V2
- 16 estilos de comic basados en modelos.txt (dominical retro, manga minimalista, noir, caricatura infantil, futurista sci-fi, meme moderno, grabado vintage, surrealista, anime dinamico, infografico, expresionismo aleman, acuarela narrativa, pixel art retro, propaganda vintage, collage digital, documental grafico)
- 20 escenarios (Viejo Oeste, Castillo Medieval, Ciudad Futurista, Selva Amazonica, Estacion Espacial, Mundo Submarino, Escuela de Magia, Ciudad Antigua, Mundo Postapocaliptico, Laboratorio Cientifico, Aula de Clase, Desierto, Playa Tropical, Montana Nevada, Bosque Encantado, Ciudad Moderna, Templo Antiguo, Estacion Polar, Volcan Activo, Ciudad Subterranea + personalizado)
- Selector de dimension con 4 relaciones de aspecto: 4:3 (estandar, por defecto), 1:1 (cuadrado), 3:4 (retrato), 9:16 (vertical)
- Galeria de imagenes con vista previa a pantalla completa
- Descarga ZIP de todas las imagenes generadas
- HTML interactivo presentacion con transiciones animadas y teclado navegacion
- HTML galeria pagina estatica con todas las imagenes
- Reconocimiento de personaje el prompt incluye explicitamente a la persona de la imagen subida como protagonista
- Terminologia "paneles" en lugar de "vinetas" en las instrucciones de estilo
- Codigo unico de imagen no se envian rutas locales a la API
- HTML interactivo responsive se adapta a la relacion de aspecto real de cada imagen
Requisitos
Instalacion
- Clona o descarga el proyecto
- Abre
index.html en tu navegador
- Obtener una API Key en el boton "Obtener"
- Listo para usar
Uso
- Sube una imagen del profesor (arrastra y suelta o selecciona archivo)
- Escribe un tema de formacion
- Selecciona estilo de comic, escenario y dimension
- Haz clic en "Generar comic"
- Descarga resultados: ZIP, HTML interactivo o HTML galeria
Tecnologias
- HTML5, CSS3, JavaScript Vanilla
- Pollinations AI API (generacion de imagenes)
- JSZip (empaquetado ZIP)
- ImgBB API (subida de imagenes)
Estructura
index.html Interfaz principal
script.js Logica de la aplicacion
styles.css Estilos visuales
modelos.txt 16 estilos de comic con instrucciones completas
README.md Este archivo
images/ Imagenes de ejemplo para seleccion
170_Cien_Estilos/ App de referencia para features de galeria
Notas
- Solo los modelos que soportan entrada de texto e imagen aparecen en el selector
- La API de Pollinations puede no respetar exactamente las dimensiones solicitadas en algunas relaciones de aspecto
- Las imagenes subidas se almacenan temporalmente via ImgBB para su uso en la generacion