Pack d'interfaccia
Hologrid Selezione livello
12 pezzi di mappa e selezione livello (ologramma) per interfacce in modalità scuro — blu abisso, accento ambra di segnale. SVG e PNG trasparente a 1x/2x/4x.

Su questo pack
Hologrid Selezione livello è un set di 12 pezzi di mappa e selezione livello disegnati nello stile ologramma, dove un tracciato sottile porta un ampio alone e gran parte della cornice è spazio vuoto. 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.
L'alone è una pila di tratti a opacità calante invece di un filtro di sfocatura — alcuni rasterizzatori SVG applicano i filtri in modo diverso e lo sbavano a 4x. Il tracciato è volutamente sottile: un'interfaccia proiettata si legge come luce, e una linea spessa si legge come vernice.
Dentro quello stile, questa è la lettura Hologrid: un'interfaccia in modalità scuro su una palette blu abisso con accenti ambra di segnale, costruita attorno a una cornice a bordo singolo, pulsanti ad angoli retti da 132x38, barre a tacche divise in 20 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.
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 Hologrid, il che significa che questo kit e il kit di pannelli Hologrid si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a proiezioni fantascientifiche, scanner e sovrapposizioni da futuro prossimo.
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
"Hologrid Selezione livello" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/hologrid-level-select


