Pack d'interfaccia

Byte Cornici HUD

10 cornici per display frontale (pixel art) per interfacce in modalità chiaro — osso freddo, accento petrolio di segnale. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • hud
  • minimappa
  • mirino
  • bussola
  • pixel
  • pixel art
  • pixel art
  • interfaccia chiara
  • puzzle
  • gestionale
Foglio con 10 cornici per display frontale (pixel art) della famiglia Byte, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×1011la trasparenza è mostrata a scacchiera

Su questo pack

Byte Cornici HUD è un set di 10 cornici per display frontale disegnati nello stile pixel art, dove ogni angolo è una scala di pixel interi e nulla è antialiasato. Contiene una cornice di minimappa con indicatore del nord, una cornice per il ritratto del personaggio, una striscia bussola, tre mirini, un marcatore di obiettivo e una targa per il tracciamento delle missioni.

Questi sono i pezzi che restano sullo schermo per tutto il tempo in cui si gioca, il che li rende i più difficili da azzeccare: ognuno deve essere leggibile sopra grafica di gioco qualsiasi senza coprire il centro dello schermo.

Il contorno avanza a scatti di 4px e l'ombreggiatura è un dithering di Bayer invece di una sfumatura, quindi il set sopravvive a una scalatura per fattore intero — l'unico modo in cui il pixel art può essere scalato senza ridursi in poltiglia.

Dentro quello stile, questa è la lettura Byte: un'interfaccia in modalità chiaro su una palette osso freddo con accenti petrolio di segnale, costruita attorno a una cornice a bordo singolo, pulsanti a pillola completamente arrotondati da 112x36, barre a fasce divise in 10 segmenti e icone con contorno su una griglia da 24px. Sono quelle misure a spiegare perché due famiglie possono condividere uno stile artistico senza essere intercambiabili: lo stile decide come si traccia un bordo, i numeri decidono a cosa serve l'interfaccia.

La targa delle missioni segna un obiettivo completato con una casella piena e una riga barrata invece di attenuarlo, così il tracciamento resta leggibile su un cielo luminoso. Le tacche della bussola alternano maggiori e minori, così una rotta si legge in un colpo d'occhio invece di contarla.

Ogni sprite arriva come SVG modificabile e come PNG trasparente a 1x, 2x e 4x, così puoi buttare i PNG dritti in un motore oppure aprire il vettoriale e cambiare un colore. Disegnato con le stesse misure del resto della famiglia Byte, il che significa che questo kit e il kit di pannelli Byte si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a giochi in pixel art.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP23 kB

Set completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readme

File inclusi in questo pack
FileFormatoPesoDownload
Set completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readmeZIP23 kB Ottieni →
Cornice di minimappa con indicatore del nord, pixel art, SVG modificabileSVG2.3 kB Ottieni →

Come si usa

  1. Ancora la cornice della minimappa a un angolo dello schermo e renderizza la tua texture di mappa nell'area incassata; l'indicatore del nord fa parte della cornice, quindi resta fermo mentre la mappa ruota.
  2. Disegna il marcatore di obiettivo nello spazio schermo, vincolato al bordo del viewport, e non nello spazio mondo, altrimenti sparisce appena il bersaglio esce dall'inquadratura.
  3. Scegli un mirino e tienilo — i tre sono alternative per sensazioni d'arma diverse, non un set da mescolare dentro lo stesso gioco.

Licenza

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

Riga di credito da copiare
"Byte Cornici HUD" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/byte-hud-frames