Packs de interfaz
Byte Marcos de HUD
10 marcos de visor (pixel art) para interfaces de tema claro — paleta hueso frío, acento verdeazulado de señal. SVG y PNG transparente en 1x/2x/4x.

Sobre este pack
Byte Marcos de HUD es un conjunto de 10 marcos de visor dibujados en estilo pixel art, donde cada esquina es una escalera de píxeles enteros y nada tiene suavizado. Contiene un marco de minimapa con marca de norte, un marco de retrato de personaje, una tira de brújula, tres miras, un marcador de objetivo y una placa de seguimiento de misiones.
Estas son las piezas que se quedan en pantalla todo el tiempo que dura la partida, y eso las hace las más difíciles de acertar: cada una tiene que ser legible sobre arte de juego arbitrario sin tapar el centro de la pantalla.
El contorno avanza en escalones de 4px y el sombreado es un dithering Bayer en vez de un degradado, así que el conjunto sobrevive a escalarse por un factor entero — la única manera de escalar pixel art sin que se convierta en papilla.
Dentro de ese estilo, esta es la lectura de Byte: una interfaz de tema claro sobre una paleta hueso frío con acentos en verdeazulado de señal, construida en torno a un marco de borde único, botones tipo pastilla totalmente redondeados de 112x36, barras en bandas divididas en 10 segmentos e iconos de contorno 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.
La placa de misión marca un objetivo completado con una caja rellena y una línea tachada en vez de atenuarlo, así que el seguimiento sigue siendo legible contra un cielo brillante. Las marcas de la brújula alternan mayores y menores, así que un rumbo se lee de un vistazo en vez de contarse.
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 Byte, lo que significa que este kit y el kit de paneles de Byte encajan sin redimensionar ninguno. Encaja bien en juegos de pixel art.
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
- Ancla el marco de minimapa a una esquina de la pantalla y renderiza tu textura de mapa dentro del área rehundida; la marca de norte forma parte del marco, así que se queda fija mientras el mapa rota.
- Dibuja el marcador de objetivo en espacio de pantalla, sujeto al borde del viewport, y no en espacio de mundo, o desaparecerá en cuanto el objetivo salga de cámara.
- Elige una mira y quédate con ella — las tres son alternativas para sensaciones de arma distintas, no un conjunto para mezclar dentro de un mismo juego.
Licencia
Creative Commons Atribución 4.0 — Gratis para uso comercial. Atribución obligatoria. Términos completos · Qué significa en la práctica
"Byte Marcos de HUD" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/byte-hud-frames


