Neon Barre HUD — scudo, energia e calore

Sistemi di nave invece di risorse fantasy: scudo, energia e calore. I riempimenti sono gusci cavi con un nucleo luminoso, così il colore dell'incavo si vede tra i bordi e la barra si legge come energia contenuta invece che come vernice. I tre colori sono lontani tra loro sia in tonalità sia in luminosità, perché un pilota che guarda un HUD per un quarto di secondo sta leggendo posizione e colore insieme.

La cornice è un nine-slice con terminali da 6 px, quindi si estende a qualsiasi larghezza senza che le estremità si deformino — una barra del boss a tutta larghezza e una barra da targhetta nemico da 40 px usano lo stesso file.

I riempimenti sono sprite separati e non cotti nella cornice, che è la parte che conta in pratica: scali la larghezza del riempimento da zero al massimo e la cornice non si muove mai. Ogni riempimento è un guscio cavo attraversato da un nucleo luminoso, così il colore dell'incavo si vede tra i bordi e la barra si legge come energia contenuta invece che come vernice.

Ci sono tre colori, uno per risorsa: scudo, energia e calore. Sono distanziati in luminosità oltre che in tonalità, ed è questa la parte che sopravvive a una schermata in scala di grigi e alle forme più comuni di daltonismo. Un set tarato su una luminosità identica sembra equilibrato in una riga di campioni e collassa in un unico blocco grigio sullo schermo.

La variante segmentata aggiunge 11 linee di tacca sopra la stessa cornice, per giochi che contano pastiglie discrete — cuori, cariche, munizioni — invece di una percentuale continua. È un file separato e non una sovrapposizione, quindi puoi usarla senza cambiare il tuo widget di barra. Tutto è incluso come SVG modificabile e come PNG piatto trasparente a 1x, 2x e 4x.

Creative Commons Attribuzione 4.0 — Gratis per uso commerciale. Attribuzione obbligatoria. Termini completi · Cosa significa in pratica