Pack d'interfaccia

Mallwave Selezione livello

12 pezzi di mappa e selezione livello (vaporwave) per interfacce in modalità scuro — foschia prugna, accento oro sbiadito dal sole. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • selezione livello
  • mappa del mondo
  • livello
  • progressione
  • campagna
  • vaporwave
  • vaporwave
  • vaporwave
  • pastello
  • retrò
  • hud
Foglio con 12 pezzi di mappa e selezione livello (vaporwave) della famiglia Mallwave, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×973la trasparenza è mostrata a scacchiera

Su questo pack

Mallwave Selezione livello è un set di 12 pezzi di mappa e selezione livello disegnati nello stile vaporwave, dove angoli arrotondati e ripiegati portano lastre rosa e petrolio su un fondo indaco profondo. Contiene quattro stati del nodo di livello, un percorso dritto e uno curvo, ciascuno bloccato e aperto, una targa di regione, un bordo di nebbia di guerra, un comando di zoom e un riquadro di legenda.

Una mappa di selezione livello si costruisce con due cose, i nodi e le linee fra loro, e le linee sono proprio ciò che ogni set gratuito lascia fuori. È disegnandole nel motore che la mappa si sfalda: un tratto fatto dal codice non combacia con lo stile, e un percorso dritto in uno stile e tremolante a mano in un altro non può essere un rettangolo.

Questo è l'unico stile di cornice che ammette una curva; tutti gli altri del catalogo sono rigorosamente spigolosi. Le sfumature percorrono l'asse maggiore in due passaggi saturi invece di spegnersi su un neutro, perché una sfumatura vaporwave slavata si legge come un errore invece che come un'atmosfera.

Dentro quello stile, questa è la lettura Mallwave: un'interfaccia in modalità scuro su una palette foschia prugna con accenti oro sbiadito dal sole, costruita attorno a una cornice a bordo singolo, pulsanti smussati da 132x40, barre a nucleo cavo divise in 16 segmenti e icone in bicromia su una griglia da 16px. 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.

I percorsi arrivano nello stesso linguaggio grafico dei nodi, dritti e curvi, ciascuno in una lettura bloccata e una aperta. Bloccato è sottile e tratteggiato, aperto è pieno e a spessore intero: l’avanzamento su una mappa si vede quindi anche nei collegamenti e non solo nei nodi. I quattro stati del nodo si distinguono per struttura: bloccato è tratteggiato da parte a parte, disponibile porta un solo punto al centro, superato è pieno e perfetto aggiunge quattro squadre al nodo pieno. Il bordo di nebbia è una fascia a gradini e non una sfocatura morbida, perché una sfocatura si rasterizza in modo diverso in ogni motore e il bordo di una mappa è proprio il punto in cui si nota.

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 Mallwave, il che significa che questo kit e il kit di pannelli Mallwave si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a interfacce synthwave, crepuscolari e retroromantiche.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP92 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 readmeZIP92 kB Ottieni →
Nodo di livello, bloccato, SVG modificabileSVG1.9 kB Ottieni →

Come si usa

  1. Metti i nodi sulla tua griglia e posa i pezzi di percorso in mezzo; i percorsi sono disegnati alla distanza fra nodi indicata nella scheda tecnica e quindi arrivano al bordo del nodo senza sovrapporsi.
  2. Quando il livello si sblocca, sostituisci il percorso bloccato con il suo gemello aperto invece di colorarlo. Il segnale è il tratteggio.
  3. Ancora il bordo di nebbia al limite della zona esplorata e lascialo sconfinare sul lato inesplorato; la fascia a gradini è disegnata per ripetersi in orizzontale.
  4. La targa della regione e il riquadro della legenda condividono il trattamento degli angoli con il kit di pannelli di questa famiglia, perché la schermata della mappa e quella del menu non sembrino due giochi diversi.

Licenza

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

Riga di credito da copiare
"Mallwave Selezione livello" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/mallwave-level-select