Packs de interfaz
Efectos de estado Bunker
12 marcos de estado e indicadores de tiempo (equipo de campaña) para interfaces de tema oscuro — paleta oliva de campaña, acento rojo de señal. SVG y PNG transparente en 1x/2x/4x.

Sobre este pack
Efectos de estado Bunker es un conjunto de 12 marcos de estado e indicadores de tiempo dibujados en estilo equipo de campaña, donde hay paneles estarcidos con esquinas rectas, un trazo hueso y exactamente un color de señal. Contiene marcos de mejora, perjuicio y neutro, marcos permanente y por expirar, cinco pasos del anillo de duración, una barra de duración y una insignia de acumulación.
Un icono de mejora está en pantalla tres segundos y el jugador nunca lo mira de frente: lo capta por el rabillo del ojo. Eso descarta la solución habitual: un borde verde para lo bueno y uno rojo para lo malo se cae en los modos para daltónicos y choca con los colores que el propio juego ya usa en ese HUD.
Ningún resplandor y ningún degradado: una caja pintada no brilla, y la contención es todo el look. Las siluetas se mantienen cerca del rectángulo y ganan su diferencia con hombros escalonados y raíles de borde en vez de con cortes, que es como se comportan de verdad las marcas de campaña estarcidas.
Dentro de ese estilo, esta es la lectura de Bunker: una interfaz de tema oscuro sobre una paleta oliva de campaña con acentos en rojo de señal, construida en torno a un marco de borde único, botones biselados de 152x42, barras de núcleo hueco divididas en 12 segmentos e iconos a dos tintas sobre una rejilla de 24px. Esas medidas son la razón por la que dos familias pueden compartir un estilo artístico sin ser intercambiables: el estilo decide cómo se dibuja un borde, los números deciden para qué sirve la interfaz.
Mejora y perjuicio se separan en cambio por la forma. El marco de mejora empuja sus esquinas hacia fuera y el de perjuicio las pliega hacia dentro: uno crece, el otro come. Ambos sobreviven a una captura en escala de grises. La duración es un anillo alrededor del icono y no una barra debajo, porque una barra empuja cada icono unos píxeles hacia abajo y rompe la fila. Los anillos llegan en cinco pasos y no como un sprite porque la mayoría de motores no pueden recortar un SVG en tiempo de ejecución: un anillo que se llena es un shader o un atlas de pasos, y el atlas funciona en todas partes. Los marcos llegan vacíos: tu propio icono de efecto va en el centro.
Cada sprite viene como SVG editable y como PNG transparente en 1x, 2x y 4x, así que puedes soltar los PNG directamente en un motor o abrir el vector y cambiar un color. Dibujado con las mismas medidas que el resto de la familia Bunker, lo que significa que este kit y el kit de paneles de Bunker encajan sin redimensionar ninguno. Encaja bien en interfaces tácticas, de supervivencia y militares.
Descarga
Enlace directo · sin registro · sin página de esperaConjunto completo — fuentes SVG, exportados PNG en 1x/2x/4x, licencia y readme
Cómo se usa
- Pon tu icono de efecto en el centro rehundido a alrededor del 60 % del ancho del marco; el rehundido está dibujado con ese margen.
- Cambia el marco entero entre mejora y perjuicio en vez de teñir uno, porque la diferencia está en las esquinas.
- Reproduce los anillos de duración como una secuencia ordenada de lleno a vacío, o usa el anillo al 50 por ciento como fotograma único cuando el resto exacto no importe.
- Ancla la insignia de acumulación a la esquina superior derecha del marco y dibuja la cifra con tu propia tipografía: aquí no se dibujan dígitos.
Licencia
Creative Commons Atribución 4.0 — Gratis para uso comercial. Atribución obligatoria. Términos completos · Qué significa en la práctica
"Efectos de estado Bunker" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/bunker-status-effects


