Pack d'interfaccia
Hyperlane Selezione livello
12 pezzi di mappa e selezione livello (arcade) per interfacce in modalità scuro — viola profondo, accento arancio del tramonto. SVG e PNG trasparente a 1x/2x/4x.

Su questo pack
Hyperlane Selezione livello è un set di 12 pezzi di mappa e selezione livello disegnati nello stile arcade, dove il colore è il corpo e non il bordo — lastre sature con estremità appuntite. 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.
Ogni lastra è riempita con una sfumatura a due passaggi lungo l'asse maggiore, e i segni sono disegnati scuri sopra il colore invece che chiari sopra il nero. Le estremità appuntite fanno parte della silhouette, quindi sopravvivono alla scalatura invece di essere un effetto di contorno.
Dentro quello stile, questa è la lettura Hyperlane: un'interfaccia in modalità scuro su una palette viola profondo con accenti arancio del tramonto, costruita attorno a due cornici concentriche, pulsanti a pillola completamente arrotondati da 192x48, barre lucide divise in 6 segmenti e icone in bicromia su una griglia da 32px. 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 Hyperlane, il che significa che questo kit e il kit di pannelli Hyperlane si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a interfacce di corse, arcade e basate sul punteggio.
Download
Link diretto · senza registrazione · senza pagina d'attesaSet completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readme
Come si usa
- 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.
- Quando il livello si sblocca, sostituisci il percorso bloccato con il suo gemello aperto invece di colorarlo. Il segnale è il tratteggio.
- 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.
- 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
"Hyperlane Selezione livello" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/hyperlane-level-select


