¿Qué necesita un sistema de logros de sus insignias?
Más de una imagen por logro. Un jugador ve una insignia antes de conseguirla (bloqueada), a veces sin saber qué es (oculta), y a menudo en niveles (bronce, plata, oro). Además, cada plataforma pide su propio tamaño y formato. Dibujar cada estado a mano multiplica el trabajo por cinco. El creador de insignias dibuja cada logro una vez y crea los demás estados a partir de ese dibujo.
Nuestro set de ejemplo para un club de running: nueve insignias a partir de una sola lista, conseguidas (arriba) y bloqueadas (abajo). Las versiones bloqueadas se crearon a partir de los mismos dibujos, sin volver a dibujarlas.
¿Cómo creo un set de insignias?
Abre el generador de logos con IA y elige Insignias y luego Un set.
- Escribe los logros, uno por chip:
primera carrera, 5 km, 10 km, media maratón, maratón, madrugador. Un set puede crecer hasta 36 insignias. - Elige la línea inferior. Ninguno, Nivel 1, 2, 3… en el orden de la lista, o El mismo texto en todas las insignias (el nombre de un club, un año). El nombre del logro va en la línea superior.
- Elige un look. Intenso, Línea o Retro, más hasta 300 caracteres de estilo con tus propias palabras y hasta tres colores: "llamativo, deportivo, azul marino y naranja".
- Envía. El precio de un set nuevo aparece primero en el botón.
Para una sola insignia, el escudo de un club o un sello "Desde 2024", elige Una insignia y escribe tú el centro, la línea superior y la línea inferior.
¿El texto se escribe tal como lo tecleé?
El texto se rotula como parte del dibujo, y al dibujo se le pide exactamente como lo escribiste. Revisa cada insignia antes de descargar, porque una letra aún puede salir mal. Las líneas cortas se leen mejor: la línea superior admite hasta 40 caracteres y la inferior hasta 30, pero dos o tres palabras encajan en la curva mucho mejor que una frase. Si una palabra sale mal, rehaz esa insignia en una ronda con una nota ("línea superior: HÉROE DE MEDIA MARATÓN"), y el resto del set se queda como está. Las palabras que piden el logo o la marca registrada de otra empresa se rechazan antes de dibujar nada, y no se cobra nada. Las afirmaciones sobre tu propio negocio, como "certificado" o "devolución garantizada", se te muestran para que confirmes que son ciertas.
¿Qué versiones de cada insignia recibo?
| Versión | Cómo se ve | Uso típico |
|---|---|---|
| Conseguida | la insignia tal como se dibujó | logro desbloqueado |
| Bronce, Plata, Oro, Platino | el anillo y el texto recoloreados en el metal, planos o con un ligero brillo | niveles de un mismo logro |
| Bloqueada | una versión gris comprimida con un candado en el anillo | aún no conseguido |
| Oculta | la insignia gris atenuada bajo un gran signo de interrogación | logro secreto |
Los niveles recolorean formas enteras del anillo según su función (anillo exterior, borde, banda, letras) y mantienen las letras legibles sobre la banda. El dibujo del centro conserva sus colores, así que el logro se reconoce de un vistazo.
¿Qué archivos recibe cada plataforma?
| Descarga | Archivos |
|---|---|
| Web y app | un SVG por insignia y versión, PNG de 64, 128, 256 y 512 px, un sprite.svg y un badges.json que lista cada archivo y cada texto |
| Steam | JPG de 256 × 256 en achieved/ y unachieved/ (la versión bloqueada), como pide Steamworks |
| Game Center | PNG de 1024 × 1024 |
| Google Play | PNG de 512 × 512 de menos de 1 MB (Google pone en gris los logros bloqueados por su cuenta) |
| Twitch | insignias de suscriptor de 18, 36 y 72 px, cada una de menos de 25 KB |
| Discord | iconos de rol de 64 × 64 de menos de 256 KB |
| Open Badges | PNG cuadrados de al menos 600 px y menos de 256 KB, para credenciales |
| Impresión | PNG a 300 DPI y SVG en milímetros, de 2 a 10 cm de ancho |
Cada descarga se crea con los tamaños y formatos de su plataforma, y sus PNG se comprimen para acercarse al límite de tamaño de archivo de la plataforma. Las reglas de las plataformas cambian; la tabla las refleja tal como se comprobaron al escribir esta guía.
¿Cómo las muestro en mi app?
Usa el badges.json de la descarga web como tabla de correspondencias: cada entrada nombra el logro, su texto superior e inferior y el archivo de cada versión. Muestra el SVG conseguido cuando el jugador lo tenga, y el bloqueado en caso contrario. Los SVG se ven nítidos en cualquier densidad de pantalla. Usa los PNG cuando un motor o una tienda pida mapas de bits. El texto del anillo se lee bien a partir de 128 px. Por debajo, una insignia se reconoce por su dibujo y su color, así que mantén el centro simple y dale a cada insignia del set un motivo distinto.