Slate Barras de HUD — vida, maná y aguante

Tres barras de estado y el marco en el que se apoyan, dibujados a juego con el kit de paneles de Slate. Aquí nada es decorativo — el marco es el borde más fino que aún se lee como contenedor con 24 píxeles de alto, y todo el color lo llevan los rellenos.

El marco es un nine-slice con extremos de 8 px, así que se estira a cualquier anchura sin que los extremos se deformen — una barra de jefe a todo lo ancho y una barra de nombre de enemigo de 40 px usan el mismo archivo.

Los rellenos son sprites aparte y no están horneados en el marco, que es la parte que importa en la práctica: escalas el ancho del relleno de cero a completo y el marco no se mueve nunca. Cada relleno está dibujado en tres bandas horizontales — una banda superior brillante, un tono medio y un borde inferior oscuro — así que sigue leyéndose como una barra a tamaños pequeños, donde un rectángulo plano se convierte en una mancha.

Hay tres colores, uno por recurso: vida, maná y aguante. Están separados tanto en brillo como en tono, que es la parte que sobrevive a una captura en escala de grises y a las formas más comunes de daltonismo. Un conjunto ajustado a la misma luminosidad parece equilibrado en una fila de muestras y se derrumba en un único bloque gris en pantalla.

La variante segmentada añade 9 líneas de muesca sobre el mismo marco, para juegos que cuentan unidades discretas — corazones, cargas, munición — en vez de un porcentaje continuo. Es un archivo aparte y no una superposición, así que puedes usarla sin cambiar tu widget de barra. Todo se incluye como SVG editable y como PNG plano transparente en 1x, 2x y 4x.

Creative Commons Atribución 4.0 — Gratis para uso comercial. Atribución obligatoria. Términos completos · Qué significa en la práctica