Byte Barres de HUD — vie, mana et endurance

Barres de statut à 20px plutôt que les 24 habituels, parce qu'une interface en mode clair se lit plus lourde qu'une interface sombre à taille égale et que les barres dominaient le panneau. Trois remplissages en bandes, séparés en luminosité autant qu'en teinte pour que l'ensemble se lise encore en niveaux de gris.

Le cadre est un nine-slice avec des embouts de 6 px : il s'étire à n'importe quelle largeur sans que les extrémités se déforment — une barre de boss pleine largeur et une barre de plaque de nom d'ennemi de 40 px utilisent le même fichier.

Les remplissages sont des sprites séparés et ne sont pas cuits dans le cadre, et c'est ce qui compte en pratique : vous faites varier la largeur du remplissage de zéro au maximum et le cadre ne bouge jamais. Chaque remplissage est dessiné en trois bandes horizontales — une bande claire en haut, un ton médian et un bord sombre en bas — il se lit donc encore comme une barre en petit, là où un rectangle plat devient une bavure.

Il y a trois couleurs, une par ressource : vie, mana et endurance. Elles sont espacées en luminosité autant qu'en teinte, et c'est cette partie-là qui survit à une capture en niveaux de gris et aux formes les plus courantes de daltonisme. Un jeu réglé sur une luminosité identique paraît équilibré dans une rangée d'échantillons et s'effondre en un seul bloc gris à l'écran.

La variante segmentée ajoute 9 lignes de cran par-dessus le même cadre, pour les jeux qui comptent des pastilles discrètes — cœurs, charges, munitions — plutôt qu'un pourcentage continu. C'est un fichier séparé et non une surcouche, vous pouvez donc l'utiliser sans changer votre widget de barre. Tout est fourni en SVG modifiable et en PNG plat transparent à 1x, 2x et 4x.

Creative Commons Attribution 4.0 — Gratuit pour un usage commercial. Attribution obligatoire. Conditions complètes · Ce que cela veut dire en pratique