Pack d'interfaccia

Segnalini mappa Coinop

12 segnalini mappa e indicatori di mondo (arcade) per interfacce in modalità scuro — nero prugna, accento oro da moneta. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • segnalino mappa
  • punto di rotta
  • segnalino missione
  • minimappa
  • arcade
  • arcade
  • arcade
  • cabinato
  • retrò
  • punteggio
Foglio con 12 segnalini mappa e indicatori di mondo (arcade) della famiglia Coinop, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×1219la trasparenza è mostrata a scacchiera

Su questo pack

Segnalini mappa Coinop è un set di 12 segnalini mappa e indicatori di mondo disegnati nello stile arcade, dove il colore è il corpo e non il bordo — lastre sature con estremità appuntite. Contiene cinque spilli mappa — semplice, missione, negozio, pericolo e casa —, galloni di rotta, una freccia di orientamento del giocatore, un nodo di percorso e una tacca di bussola, un anello obiettivo, anelli di ping e un’area d’effetto.

I kit di interfaccia coprono i bordi dello schermo. Questi stanno nel mezzo, sopra il gioco, dove il kit non ha idea di cosa ci sia sotto: erba, neve, notte. Un segnalino che conta su uno sfondo per leggersi sparirà in metà dei tuoi livelli.

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 Coinop: un'interfaccia in modalità scuro su una palette nero prugna con accenti oro da moneta, costruita attorno a una cornice a bordo singolo, pulsanti smussati da 200x56, barre a nucleo cavo divise in 5 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.

Ogni segnalino porta il proprio contorno e un corpo di un solo colore, così a lavorare è la sagoma e non il riempimento. L’ancoraggio è indicato nel titolo di ogni sprite e non è il centro: uno spillo indica il bersaglio con la punta, quindi si ancora in basso al centro, mentre un anello e la freccia di orientamento si ancorano al mezzo. Piazzare uno spillo dal centro lo mette mezzo spillo sopra ciò che doveva segnare. L’area e l’anello obiettivo sono tratteggiati e non pieni perché descrivono una zona e non un bordo: un anello pieno si legge come un muro.

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 Coinop, il che significa che questo kit e il kit di pannelli Coinop 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'attesa
Scarica ZIP177 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 readmeZIP177 kB Ottieni →
Spillo mappa, ancoraggio in basso al centro, SVG modificabileSVG419 B Ottieni →

Come si usa

  1. Ancora ogni sprite al punto indicato nel titolo: in basso al centro per gli spilli, al centro per gli anelli e la freccia di orientamento.
  2. Tieni i segnalini a una dimensione schermo fissa invece di scalarli con la distanza; uno spillo che rimpicciolisce con il mondo smette di leggersi proprio alla distanza in cui serviva.
  3. Usa gli anelli di ping come tre fotogrammi di una sola animazione — disegnarli verso l’esterno e dissolverli — e non come tre segnalini separati.
  4. Tingi il corpo dello spillo per fazione ma lascia stare il contorno; è il contorno a mantenere il segnalino leggibile su uno sfondo sconosciuto.

Licenza

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

Riga di credito da copiare
"Segnalini mappa Coinop" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/coinop-map-markers