Optimización de iconos

2026-05-09 18:57:44 +02:00
parent f7a292d855
commit 157be216d9
16 changed files with 298 additions and 0 deletions
@@ -0,0 +1,298 @@
+# Dirección artística — Assets premium de recompensas y medallas
+
+## Objetivo
+
+Sustituir los iconos actuales de medallas/recompensas por imágenes premium, consistentes y aptas para una app móvil de juego social. Los iconos actuales de `assets/medals/` son placeholders funcionales: sirven para validar la UI, pero deben reemplazarse por assets ilustrados de mayor calidad.
+
+La referencia visual buscada es una pantalla de recompensas tipo juego competitivo: final de partida llamativo, progresión clara, medallas que parezcan coleccionables y suficientemente autoexplicativas.
+
+## Reglas generales de los assets
+
+- Formato recomendado: PNG.
+- Tamaño recomendado: 1024x1024 como master.
+- Export final para app: 256x256 o 512x512 PNG optimizado.
+- Fondo: transparente o circular oscuro integrado con borde brillante.
+- NO incluir texto dentro de la imagen. El nombre/descripción se mostrará en UI.
+- Estilo: medalla premium de juego móvil, semi-3D, alto contraste, limpio a tamaños pequeños.
+- Paleta Farolero:
+  - Dorado cálido: `#FFC247`
+  - Naranja fuego: `#FF7A1A`
+  - Rojo/acento: `#E53935`
+  - Fondo noche: `#0B121C`
+  - Púrpura oscuro: `#3C204A`
+  - Crema luz: `#FFECBE`
+- Luz: brillo cálido de farol/fuego, sombras suaves, rim light dorado.
+- Coherencia: todas las medallas deben parecer de la misma colección.
+- Evitar estética genérica de emoji, clipart o sticker plano.
+
+## Prompt base reutilizable
+
+Usar este prompt como base y cambiar solo el símbolo central:
+
+```text
+Create a premium mobile game achievement medal icon for a social deduction game called Farolero. Style: polished semi-3D collectible badge, warm lantern light, dark purple night background, golden metallic rim, subtle fire glow, high contrast, clean silhouette, readable at small size, no text, no letters, no numbers, centered composition, transparent background or circular badge background, professional game UI asset, 1024x1024 PNG.
+
+Central symbol: [DESCRIBIR SÍMBOLO]
+Color accents: [DESCRIBIR COLOR]
+Mood: mysterious, rewarding, playful, premium.
+```
+
+## Negative prompt recomendado
+
+```text
+No text, no words, no letters, no numbers, no watermark, no UI mockup, no photorealistic humans, no blurry details, no low-resolution emoji, no flat clipart, no random extra symbols, no duplicated objects, no off-center composition.
+```
+
+## Assets a reemplazar
+
+Carpeta actual:
+
+```text
+assets/medals/
+```
+
+Cada nuevo asset debe mantener exactamente el mismo nombre de archivo para no romper la app.
+
+## Medallas de partidas jugadas
+
+### `assets/medals/novato.png`
+
+**Significado:** primera partida jugada.
+
+Prompt específico:
+
+```text
+Central symbol: a polished ivory dice with golden pips, slightly tilted, surrounded by a subtle warm lantern glow.
+Color accents: ivory, gold, orange.
+```
+
+### `assets/medals/habitual.png`
+
+**Significado:** 10 partidas jugadas. Importante: NO usar llama/fuego como símbolo principal; el fuego queda reservado para asiduidad.
+
+Prompt específico:
+
+```text
+Central symbol: a refined compass/route marker showing habit and repeated journeys, with a small lantern glow behind it, no flames.
+Color accents: gold, blue steel, warm cream.
+```
+
+### `assets/medals/veterano.png`
+
+**Significado:** 50 partidas jugadas.
+
+Prompt específico:
+
+```text
+Central symbol: an ancient stone arch or trophy pillar, polished and heroic, suggesting experience and endurance.
+Color accents: stone gray, gold, warm orange rim light.
+```
+
+### `assets/medals/leyenda.png`
+
+**Significado:** 100 partidas jugadas.
+
+Prompt específico:
+
+```text
+Central symbol: a majestic golden crown with lantern sparks, premium legendary achievement badge.
+Color accents: gold, orange, royal purple.
+```
+
+## Medallas de victorias
+
+### `assets/medals/primera_victoria.png`
+
+**Significado:** primera victoria.
+
+Prompt específico:
+
+```text
+Central symbol: bronze victory medal with a small star embossed in the center, premium but beginner-tier.
+Color accents: bronze, cream, subtle orange glow.
+```
+
+### `assets/medals/diez_victorias.png`
+
+**Significado:** 10 victorias.
+
+Prompt específico:
+
+```text
+Central symbol: silver victory medal with a bright star and folded ribbon, clean and elegant.
+Color accents: silver, pale blue, gold rim light.
+```
+
+### `assets/medals/veinticinco_victorias.png`
+
+**Significado:** 25 victorias.
+
+Prompt específico:
+
+```text
+Central symbol: golden victory medal with a radiant star, more prestigious than silver and bronze.
+Color accents: gold, orange, warm cream highlights.
+```
+
+### `assets/medals/cincuenta_victorias.png`
+
+**Significado:** 50 victorias.
+
+Prompt específico:
+
+```text
+Central symbol: faceted diamond trophy gem inside a golden medal frame, premium high-rank reward.
+Color accents: cyan diamond, gold rim, white spark highlights.
+```
+
+## Medallas de impostor
+
+### `assets/medals/primer_engano.png`
+
+**Significado:** primera victoria como impostor.
+
+Prompt específico:
+
+```text
+Central symbol: elegant theatrical mask, half smiling and half shadowed, mysterious but playful.
+Color accents: ivory mask, purple shadows, gold rim light.
+```
+
+### `assets/medals/impostor_habitual.png`
+
+**Significado:** 5 victorias como impostor.
+
+Prompt específico:
+
+```text
+Central symbol: premium joker card or trickster card with a shadowy mask silhouette, no letters or numbers.
+Color accents: purple, red, gold, cream.
+```
+
+### `assets/medals/lobo_faroles.png`
+
+**Significado:** 15 victorias como impostor.
+
+Prompt específico:
+
+```text
+Central symbol: stylized wolf head emerging from lantern-lit shadows, clever and intimidating but not horror.
+Color accents: dark gray, gold eyes, orange lantern glow.
+```
+
+## Medallas de fuego/asiduidad
+
+Estas medallas representan asiduidad reciente. Deben sentirse vivas, con brillo y energía.
+
+### `assets/medals/brasa.png`
+
+**Significado:** algo de fuego reciente.
+
+Prompt específico:
+
+```text
+Central symbol: glowing ember coal with small sparks, low intensity but warm and alive.
+Color accents: deep red, orange, charcoal black.
+```
+
+### `assets/medals/llama_suave.png`
+
+**Significado:** asiduidad moderada.
+
+Prompt específico:
+
+```text
+Central symbol: small elegant flame, soft and stable, surrounded by gentle golden light.
+Color accents: orange, gold, warm cream.
+```
+
+### `assets/medals/llama_fuerte.png`
+
+**Significado:** asiduidad alta.
+
+Prompt específico:
+
+```text
+Central symbol: strong dynamic flame with layered fire shapes and sparks, energetic reward badge.
+Color accents: red, orange, gold, white-hot center.
+```
+
+### `assets/medals/incandescente.png`
+
+**Significado:** fuego al máximo.
+
+Prompt específico:
+
+```text
+Central symbol: volcanic incandescent core or blazing lantern furnace, ultimate fire streak badge, intense but readable.
+Color accents: lava red, gold, white-hot highlights, dark volcanic base.
+```
+
+## Assets adicionales recomendados para pantalla de recompensas
+
+Estos no existen todavía, pero serían útiles para una pantalla final mucho más adictiva.
+
+### `assets/rewards/reward_header_glow.png`
+
+Uso: brillo superior para cabecera “Resultados”.
+
+Prompt:
+
+```text
+Wide cinematic reward screen header glow, warm lantern fire light, dark night purple background, subtle sparks, no text, transparent edges, mobile game UI overlay, 2048x512.
+```
+
+### `assets/rewards/fire_progress_burst.png`
+
+Uso: explosión visual al subir fuego.
+
+Prompt:
+
+```text
+Transparent PNG fire burst particle effect, warm orange sparks, magical lantern glow, suitable for overlay on a progress bar, no text, no background, 1024x512.
+```
+
+### `assets/rewards/medal_unlock_burst.png`
+
+Uso: detrás de una medalla recién desbloqueada.
+
+Prompt:
+
+```text
+Transparent PNG golden reward burst, radial rays, spark particles, premium mobile game achievement unlock effect, no text, no badge, 1024x1024.
+```
+
+## Integración UI esperada
+
+La pantalla de fin de partida debería evolucionar hacia:
+
+1. Cabecera animada “Resultados”.
+2. Resumen de victoria/derrota.
+3. Barra de fuego que sube progresivamente desde el valor anterior al nuevo.
+4. Contador visual: `+X fuego`.
+5. Medallas actuales en fila.
+6. Nuevas medallas aparecen una a una con animación de escala, brillo y confetti.
+7. Al pulsar una medalla:
+   - modal/bottom sheet con imagen grande,
+   - nombre,
+   - descripción,
+   - condición de desbloqueo.
+
+## Recomendación de librerías Flutter
+
+- `flutter_animate`: animaciones rápidas declarativas para entrada, escala, brillo y shake.
+- `confetti`: explosiones de recompensa cuando se desbloquea algo.
+- `lottie`: si se añaden animaciones JSON para fuego, chispas o medalla desbloqueada.
+- `rive`: si se quiere una barra/fuego interactivo con estados avanzados.
+
+## Criterio de aceptación visual
+
+Un asset se considera válido si:
+
+- Se entiende a 26px y 64px.
+- No depende de texto interno.
+- Tiene coherencia con Farolero: noche, farol, fuego, misterio, humor social.
+- No parece emoji ampliado.
+- No parece icono plano genérico.
+- Funciona sobre fondo oscuro.
+- Tiene suficiente contraste para móviles.