UI-Packs

Nightcity Levelauswahl

12 Levelauswahl- und Weltkartenteile (Cyberpunk) für dunkle Oberflächen — Palette Mitternachtsblau, Akzent grelles Magenta. SVG und transparentes PNG in 1x/2x/4x.

  • ui
  • svg
  • transparentes png
  • Levelauswahl
  • Weltkarte
  • Level
  • Fortschritt
  • Kampagne
  • Cyberpunk
  • Cyberpunk
  • Cyberpunk
  • Sci-Fi
  • Neon
  • hud
Blatt mit 12 Levelauswahl- und Weltkartenteile (Cyberpunk) aus der Familie Nightcity, angeordnet auf einem Transparenz-Schachbrett, mit den Pixelmaßen darunter
1600×973 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Nightcity Levelauswahl ist ein Set aus 12 Levelauswahl- und Weltkartenteile im Cyberpunk-Stil, bei dem jeder Rahmen seine eigene asymmetrische Kontur hat — eine Kerbe an einer Ecke, eine Schiene an einer Kante. Enthalten sind vier Zustände des Levelknotens, ein gerader und ein gebogener Weg, jeweils gesperrt und offen, ein Regionsschild, eine Nebelkante, eine Zoomsteuerung und ein Legendenkasten.

Eine Levelauswahl-Karte besteht aus zwei Dingen: Knoten und den Linien dazwischen. Die Linien sind genau das, was jedes kostenlose Set weglässt. In der Engine gezeichnet fällt die Karte auseinander: Eine per Code gezogene Linie passt nicht zum Stil, und ein Weg, der in einem Stil gerade und im nächsten von Hand gewackelt ist, kann kein Rechteck sein.

Die Silhouette ist komponiert statt skaliert: Jede der vier Ecken und jede der vier Kanten bekommt ihre eigene Behandlung, keine zwei Rahmen im Set teilen also eine Kontur. Das Neonleuchten ist ein Stapel Konturen mit fallender Deckkraft, kein Weichzeichner — ein Filter wird von manchen SVG-Rasterern anders angewandt und macht aus dem Halo bei 4x einen Schmier.

In diesem Stil ist das die Nightcity-Lesart: eine dunkle Oberfläche auf einer Mitternachtsblau-Palette mit grelles Magenta-Akzenten, aufgebaut um einen einfach umrandeten Rahmen, abgeschrägte Buttons bei 176x44, Balken mit hohlem Kern in 16 Segmente geteilt und zweifarbige Icons auf einem 32px-Raster. Diese Maße sind der Grund, warum zwei Familien einen Kunststil teilen können, ohne austauschbar zu sein: Der Stil entscheidet, wie eine Kante gezeichnet wird, die Zahlen entscheiden, wofür die Oberfläche da ist.

Die Wege kommen in derselben Zeichensprache wie die Knoten, gerade und gebogen, jeweils in einer gesperrten und einer offenen Lesart. Gesperrt ist gestrichelt und dünn, offen ist durchgezogen und voll — dadurch wird der Fortschritt auf einer Karte auch an den Verbindungen sichtbar und nicht nur an den Knoten. Die vier Knotenzustände unterscheiden sich durch Struktur: Gesperrt ist durchgehend schraffiert, verfügbar trägt einen einzelnen Punkt in der Mitte, geschafft ist voll gefüllt, und perfekt setzt dem gefüllten Knoten vier Eckwinkel auf. Die Nebelkante ist ein gestuftes Band statt eines weichen Verlaufs, denn ein Weichzeichner rastert in jeder Engine anders, und eine Kartenkante ist genau die Stelle, an der das auffällt.

Jedes Sprite kommt als bearbeitbares SVG und als transparentes PNG in 1x, 2x und 4x, du kannst die PNGs also direkt in eine Engine ziehen oder den Vektor öffnen und eine Farbe ändern. Auf dieselben Maße gezeichnet wie der Rest der Nightcity-Familie, dieses Kit und das Nightcity-Panel-Kit fluchten also, ohne dass eines skaliert werden muss. Passt gut zu Cyberpunk-, Sci-Fi- und Near-Future-Oberflächen.

Download

Direkter Link · keine Anmeldung · keine Warteseite
ZIP herunterladen89 kB

Komplettes Set — SVG-Quellen, PNG-Exporte in 1x/2x/4x, Lizenz und Readme

Dateien in diesem Pack
DateiFormatGrößeDownload
Komplettes Set — SVG-Quellen, PNG-Exporte in 1x/2x/4x, Lizenz und ReadmeZIP89 kB Holen →
Levelknoten, gesperrt, editierbares SVGSVG1.9 kB Holen →

So wird es benutzt

  1. Setzen Sie die Knoten auf Ihr eigenes Raster und legen Sie die Wegstücke dazwischen; die Wege sind auf den im Datenkasten genannten Knotenabstand gezeichnet und stoßen überlappungsfrei an die Knotenkante.
  2. Tauschen Sie beim Freischalten den gesperrten Weg gegen sein offenes Gegenstück, statt ihn umzufärben. Das Signal ist das Strichmuster.
  3. Setzen Sie die Nebelkante an die Grenze des erkundeten Gebiets und lassen Sie sie in den unerkundeten Teil ragen; das gestufte Band ist zum waagerechten Kacheln gezeichnet.
  4. Regionsschild und Legendenkasten teilen die Eckbehandlung mit dem Panel-Kit dieser Familie, damit Kartenbildschirm und Menübildschirm nicht nach zwei Spielen aussehen.

Lizenz

Creative Commons Namensnennung 4.0 — Kostenlos für kommerzielle Nutzung. Namensnennung erforderlich. Vollständige Bedingungen · Was das in der Praxis heißt

Namensnennung zum Kopieren
"Nightcity Levelauswahl" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/nightcity-level-select