Generador de Imágenes y Laboratorio de Estilos Artísticos (+150 Estéticas Visuales)

Esta aplicación web funciona como un laboratorio de experimentación visual que permite aplicar, combinar e investigar más de 150 estilos artísticos, históricos, fotográficos y digitales sobre imágenes. El sistema permite proyectar estas estéticas tanto en imágenes cargadas por el usuario (image-to-image) como en nuevas creaciones generadas desde cero mediante prompts de texto.

La plataforma ha sido diseñada para servir de catálogo de consulta y pruebas estilísticas, facilitando la creación de portafolios interactivos basados en la API de Pollinations.ai.

🎨 El Motor de Estilos: Más de 150 Estéticas Disponibles

La característica central de la aplicación es su clasificador de estilos, dividido en 10 categorías especializadas que abarcan la historia del arte, la técnica fotográfica y las corrientes de la cultura digital contemporánea:

1. Maestros Clásicos y Renacentistas (15 estilos)

Enfoque: Técnicas de pintura tradicional, claroscuros dramáticos, proporciones anatómicas y perspectivas históricas.
Ejemplos incluidos: Leonardo da Vinci (sfumato), Rembrandt (claroscuro), Artemisia Gentileschi (tenebrismo), Diego Velázquez (pincelada atmosférica), El Greco o Caravaggio.

2. Impresionismo y Postimpresionismo (15 estilos)

Enfoque: Captura de la luz, pinceladas visibles, texturas densas y emotividad del color.
Ejemplos incluidos: Claude Monet (luz moteada), Vincent van Gogh (pinceladas arremolinadas), Georges Seurat (puntillismo), Paul Cézanne o Henri Rousseau.

3. Movimiento Artístico Moderno (15 estilos)

Enfoque: Ruptura de la perspectiva, abstracción geométrica, surrealismo y expresión emocional pura.
Ejemplos incluidos: Pablo Picasso (cubismo), Salvador Dalí (surrealismo hiperrealista), Gustav Klimt (patrones dorados), Wassily Kandinsky o Frida Kahlo.

4. Ilustración y Arte Conceptual (15 estilos)

Enfoque: Estéticas narrativas, portadas de fantasía clásica, trazos de tinta del siglo XIX y cartelería decorativa.
Ejemplos incluidos: Alphonse Mucha (Art Nouveau), Arthur Rackham (fantasía gótica), Frank Frazetta (fantasía pulp), John William Waterhouse o Gustave Doré.

5. Arte Contemporáneo y Digital (19 estilos)

Enfoque: Estéticas de la cultura pop, ilustración digital moderna, diseño conceptual para videojuegos/cine y animación japonesa clásica.
Ejemplos incluidos: Greg Rutkowski (fantasía épica cinematográfica), Hayao Miyazaki (Studio Ghibli), Yoshitaka Amano, Moebius, HR Giger o Zdzisław Beksiński.

6. Movimientos Artísticos Históricos (15 estilos)

Enfoque: Corrientes culturales e ideológicas aplicadas a la composición y arquitectura visual.
Ejemplos incluidos: Barroco, Rococó, Neoclasicismo, Romanticismo, Expresionismo, Constructivismo soviético o Bauhaus.

7. Estética Fotográfica (15 estilos)

Enfoque: Técnicas de revelado analógico, emulación de cámaras, formatos de película, distorsiones ópticas y de iluminación.
Ejemplos incluidos: Daguerrotipo, Polaroid, Formato medio, Infrarrojo, Cinestill 800T, Cianotipia o efecto Tilt-Shift.

8. Estética Digital y Contemporánea (15 estilos)

Enfoque: Subculturas nacidas de internet, distorsiones de datos y diseño gráfico posmoderno.
Ejemplos incluidos: Vaporwave, Synthwave, Arte glitch, Pixel art, Neumorfismo o diseño Memphis.

9. Estética de Géneros y Subculturas (15 estilos)

Enfoque: Mundos de ficción especulativa, corrientes literarias y visuales basadas en tecnologías alternativas o estéticas de la naturaleza.
Ejemplos incluidos: Cyberpunk, Steampunk, Solarpunk, Cottagecore, Dreamcore, Weirdcore o Espacios liminales.

10. Estilos de Ilustración y Representación (15 estilos)

Enfoque: Materiales físicos de dibujo, grabado tradicional y estilos de impresión comercial.
Ejemplos incluidos: Acuarela, Gouache, Sumi-e (tinta japonesa), Pluma y tinta (hachurado), Xilografía, Estilo Manga o Disney clásico de los 40.

🛠️ Modos de Aplicación de Estilos

La aplicación ofrece dos vías distintas para transformar imágenes usando esta biblioteca de estilos:

A. Modificación de Imágenes Propias (Image-to-Image / Edits)

El usuario carga una imagen local (formatos JPEG, PNG, etc.) mediante arrastrar y soltar o selección manual.
La imagen se previsualiza instantáneamente en el lienzo y se procesa (usando un servicio en la nube como ImgBB o conversión local).
Se selecciona uno de los más de 150 estilos artísticos y se configura la intensidad.
El motor genera una nueva versión que conserva la estructura compositiva de la imagen original pero adoptando la paleta, pincelada y características visuales del estilo seleccionado.

B. Generación con Prompts de Texto Enriquecidos

Se define un concepto o prompt base en la caja de texto.
Al seleccionar estilos en las listas, la aplicación extrae la descripción técnica de cada autor o corriente (por ejemplo, al seleccionar Rembrandt se añade al prompt: "claroscuro dramático, luz cálida de velas, sombras intensas").
Si la corriente seleccionada dispone de un prompt estructurado en enhanced_prompts_collection.json, se aplicará una optimización profunda que rediseña toda la consulta para obtener resultados consistentes con la estética escogida.

⚙️ Funcionalidades Especializadas de Catalogación

Para los usuarios que realizan pruebas estilísticas comparativas, la aplicación incorpora herramientas para documentar y exportar sus resultados de forma organizada:

Inscripción Automática de Estilos (Canvas): Si se activa la opción "Escribir estilos en la imagen", el sistema procesa el resultado mediante la API de Canvas e inscribe en la esquina inferior derecha el nombre de los estilos artísticos utilizados en una tipografía elegante con sombra proyectada, de modo que el archivo descargado queda etiquetado físicamente.
Pan y Zoom Interactivo: Un visor equipado con un motor de arrastre y escala (0.2x a 3x) que permite inspeccionar la calidad de la transferencia del estilo en detalles específicos o texturas.
Exportación de Catálogo (Galería HTML):
- La herramienta permite guardar los experimentos en una colección temporal interna.
- Al finalizar las pruebas, genera y descarga de forma automática un archivo HTML independiente y auto-contenido.
- Este archivo HTML exportado cuenta con un diseño de cuadrícula interactivo (responsive), animaciones fluidas, etiquetas de identificación para cada estilo y un visor en pantalla completa (modal popup) para presentar de manera profesional las variantes estilísticas obtenidas.

📂 Estructura del Proyecto

/ ├── index.html # Interfaz de usuario con los selectores de estilo ├── script.js # Lógica del motor de estilos, traducciones y canvas ├── styles.css # Diseño y estilos visuales del laboratorio ├── enhanced_prompts_collection.json # Base de datos de optimización de prompts por estilo └── README.md # Documentación técnica del proyecto

🚀 Instrucciones de Configuración y Uso

Asegúrate de tener los archivos index.html, script.js y styles.css en la misma carpeta.
El archivo enhanced_prompts_collection.json debe ubicarse en el nivel superior (o según la ruta configurada en el archivo script.js).
Abre index.html en tu navegador web de preferencia.
Consigue tu API Key de Pollinations (utilizando el botón de acceso rápido u obteniéndola manualmente) e insértala en el panel correspondiente para habilitar las peticiones.
Para probar estilos en una foto propia: Arrastra tu imagen al área de carga, elige un estilo de cualquiera de las categorías y pulsa "Aplicar Estilo".
Para generar desde texto: Describe tu idea en la caja de texto, selecciona uno o más estilos de las listas y pulsa "Generar Imagen".
Usa el botón "Guardar en galería" para ir coleccionando tus diferentes pruebas artísticas.
Al concluir, presiona "Generar y descargar galería" para obtener tu catálogo HTML interactivo y listo para su uso.

🎖️ Créditos

Este desarrollo ha sido diseñado por Juan Guillermo Rivera Berrío utilizando:

Las APIs de generación y edición de imágenes de Pollinations.ai.
Tecnología de lenguaje e inteligencia artificial Kimi K2.5.
Soporte en arquitectura de software y asistencia en programación de Windsurf.