Packs de interface
Byte Molduras de HUD
10 molduras de visor (pixel art) para interfaces em modo claro — osso frio, acento azul-petróleo de sinal. SVG e PNG transparente em 1x/2x/4x.

Sobre este pack
Byte Molduras de HUD é um conjunto de 10 molduras de visor desenhados no estilo pixel art, em que cada canto é uma escada de pixels inteiros e nada tem antialiasing. Contém uma moldura de minimapa com marcador do norte, uma moldura de retrato de personagem, uma faixa de bússola, três miras, um marcador de objetivo e uma placa de acompanhamento de missões.
Estas são as peças que ficam na tela o tempo todo em que se joga, o que as torna as mais difíceis de acertar: cada uma precisa ser legível sobre arte de jogo qualquer sem cobrir o meio da tela.
O contorno avança em degraus de 4px e o sombreamento é um dithering de Bayer em vez de um degradê, então o conjunto sobrevive a uma escala por fator inteiro — o único jeito de escalar pixel art sem virar mingau.
Dentro desse estilo, esta é a leitura Byte: uma interface em modo claro sobre uma paleta osso frio com acentos azul-petróleo de sinal, construída em torno de uma moldura de borda única, botões em cápsula totalmente arredondados de 112x36, barras em faixas divididas em 10 segmentos e ícones com contorno numa grade de 24px. São essas medidas que explicam por que duas famílias podem compartilhar um estilo artístico sem serem intercambiáveis: o estilo decide como se traça uma borda, os números decidem para que serve a interface.
A placa de missão marca um objetivo concluído com uma caixa preenchida e uma linha riscada em vez de apagá-lo, então o acompanhamento continua legível contra um céu claro. As marcas da bússola alternam maiores e menores, então um rumo se lê de relance em vez de ser contado.
Cada sprite vem como SVG editável e como PNG transparente em 1x, 2x e 4x, então você pode jogar os PNGs direto num motor ou abrir o vetor e mudar uma cor. Desenhado com as mesmas medidas do resto da família Byte, o que significa que este kit e o kit de painéis Byte se alinham sem que nenhum dos dois seja redimensionado. Combina bem com jogos em pixel art.
Download
Link direto · sem cadastro · sem página de esperaConjunto completo — fontes SVG, exportações PNG em 1x/2x/4x, licença e readme
Como usar
- Ancore a moldura do minimapa num canto da tela e renderize sua textura de mapa dentro da área rebaixada; o marcador do norte faz parte da moldura, então fica fixo enquanto o mapa gira.
- Desenhe o marcador de objetivo no espaço de tela, preso à borda do viewport, e não no espaço de mundo, ou ele some assim que o alvo sair de cena.
- Escolha uma mira e fique com ela — as três são alternativas para sensações de arma diferentes, não um conjunto para misturar dentro do mesmo jogo.
Licença
Creative Commons Atribuição 4.0 — Grátis para uso comercial. Atribuição obrigatória. Termos completos · O que isso significa na prática
"Byte Molduras de HUD" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/byte-hud-frames


