🎨 Dioramas AI
Generador de imágenes de dioramas en miniatura impulsado por inteligencia artificial, diseñado para crear fotografías hiperrealistas de maquetas con estilo artesanal y efecto tilt-shift.
¿Qué es Dioramas AI?
Dioramas AI es una aplicación web de una sola página que permite generar imágenes de dioramas —maquetas en miniatura que representan escenas con figuras, ambientes y detalles artesanales— usando modelos de generación de imágenes de Pollinations.ai. No requiere instalación: basta con abrir el archivo index.html en cualquier navegador moderno.
Características
- Generación de imágenes con IA usando la API de Pollinations.ai
- Selector de objetos para definir el punto focal de la escena (astronauta, tren, dragón, etc.)
- 20+ ambientes predefinidos: escritorio, jardín, laboratorio futurista, playa, cocina rústica y más
- Ambiente personalizado: escribe cualquier escena y la app añade automáticamente el sufijo miniatura para mantener el estilo visual
- 3 relaciones de aspecto: 9:16 (vertical), 1:1 (cuadrado), 16:9 (panorámico)
- Múltiples modelos de IA cargados dinámicamente desde la API (Flux, Z Image, GPT Image, Grok Imagine, entre otros)
- Placa con nombre del objeto incrustada en la base del diorama (opcional)
- Marca de agua con el modelo usado en la esquina inferior de la imagen (opcional)
- Galería de sesión: guarda las imágenes generadas durante la sesión y permite eliminarlas individualmente
- Descarga de imagen individual en formato PNG
- Descarga de grilla: exporta todas las imágenes de la sesión como un archivo HTML con diseño tipo cómic, con lightbox y soporte para impresión
- Integración BYOP (Bring Your Own Pollinations Key): vincula tu API Key para acceso extendido
Uso
1. Abrir la aplicación
Abre index.html directamente en tu navegador. No requiere servidor ni dependencias externas.
2. (Opcional) Vincular tu API Key de Pollinations
Ingresa tu clave en el campo API Key Pollinations o haz clic en 🤖 Vincular para autenticarte via OAuth. La clave se guarda en localStorage para sesiones futuras.
3. Configurar la escena
| Campo |
Descripción |
| Objeto |
El elemento principal del diorama (ej. Astronauta, Dragón, Tren clásico) |
| Ambiente |
El entorno de la escena. Elige entre los presets o selecciona ✏️ Personalizado... para escribir el tuyo |
| Relación de aspecto |
9:16, 1:1 o 16:9 |
| Modelo AI |
El modelo de generación de imágenes a usar |
| Nombre en placa |
Agrega una placa con el nombre del objeto en la base del diorama |
| Marca de agua |
Muestra el nombre del modelo en la imagen generada |
4. Generar
Haz clic en Generar Nuevo. La imagen aparecerá en el panel derecho al completarse.
5. Descargar
- Descargar imagen: guarda la imagen actual como PNG.
- Descargar grilla: exporta todas las imágenes de la sesión en un archivo HTML navegable con lightbox.
Ambiente personalizado
Al seleccionar ✏️ Personalizado... en el selector de ambiente, aparece un campo de texto libre. El texto que ingreses se usará como descripción del entorno, y la aplicación añade automáticamente la palabra miniatura al final para asegurar que el modelo de IA genere la escena con el estilo de maqueta característico de la app.
Ejemplo:
"un mercado medieval con puestos de madera y faroles"
→ se envía al modelo como: "un mercado medieval con puestos de madera y faroles miniatura"
Prompt técnico
Cada imagen se genera con un prompt que incluye:
- Instrucción de fotografía macro hiperrealista
- Descripción conceptual de qué es un diorama
- El objeto y el ambiente seleccionados
- Estilo visual: maqueta física tridimensional, efecto tilt-shift, materiales artesanales (resina, madera, pintura acrílica, vegetación de modelismo), iluminación de estudio tipo museo, alta resolución 8K
Tecnologías
- HTML5 / CSS3 / JavaScript (vanilla, sin frameworks)
- Pollinations.ai API — generación de imágenes por GET request
- Canvas API — para aplicar marcas de agua
- FileReader API — conversión de imágenes a base64
- localStorage — persistencia de la API Key
Estructura del proyecto
index.html # Aplicación completa (single-file app)
README.md # Este archivo
Créditos
Diseñado por Juan Guillermo Rivera Berrío
Desarrollado con tecnología Gemini 3 y asistencia Antigravity