Aqua Barras de HUD — vida, mana e vigor

Barras com a mesma divisão dura de brilho dos painéis, sobre a base compartilhada de 160x24 para entrarem numa tela Slate sem redimensionamento. A divisão fica acima do preenchimento e não o cruza: um reflexo desenhado sobre um preenchimento colorido deixa uma barra vermelha rosa e uma azul cinza, a única coisa que uma barra de status não pode se permitir.

A moldura é um nine-slice com pontas de 8 px, então se estende a qualquer largura sem que as extremidades deformem — uma barra de chefe em largura total e uma barra de placa de nome de inimigo de 40 px usam o mesmo arquivo.

Os preenchimentos são sprites separados e não estão assados na moldura, que é a parte que importa na prática: você escala a largura do preenchimento de zero ao máximo e a moldura nunca se mexe. Cada preenchimento se divide na metade da altura com uma borda dura em vez de um degradê, e é isso que se lê como vidro sem custar um único pixel suave em 1x.

São três cores, uma por recurso: vida, mana e vigor. Elas estão afastadas tanto em brilho quanto em matiz, e é essa parte que sobrevive a uma captura em escala de cinza e às formas mais comuns de daltonismo. Um conjunto ajustado a uma luminosidade idêntica parece equilibrado numa fileira de amostras e desmorona num único bloco cinza na tela.

A variante segmentada acrescenta 9 linhas de entalhe sobre a mesma moldura, para jogos que contam pastilhas discretas — corações, cargas, munição — em vez de uma porcentagem contínua. É um arquivo separado e não uma sobreposição, então você pode usá-la sem mudar o seu widget de barra. Tudo está incluído como SVG editável e como PNG chapado transparente em 1x, 2x e 4x.

Creative Commons Atribuição 4.0 — Grátis para uso comercial. Atribuição obrigatória. Termos completos · O que isso significa na prática