Paczki interfejsu

Neon Ramki HUD

16 ramki wyświetlacza przeziernego (low-poly) do interfejsów w trybie ciemny — błękit dalekiego kosmosu, akcent cyjan. SVG i przezroczysty PNG w 1x/2x/4x.

  • ui
  • svg
  • przezroczysty png
  • hud
  • minimapa
  • celownik
  • kompas
  • lowpoly
  • low-poly
  • science fiction
  • hud
  • cyberpunk
Arkusz z 16 ramki wyświetlacza przeziernego (low-poly) z rodziny Neon, rozłożonymi na szachownicy przezroczystości, z rozmiarami w pikselach wypisanymi pod spodem
podgląd 1600×997przezroczystość pokazana jako szachownica

O tej paczce

Neon Ramki HUD to zestaw 16 ramki wyświetlacza przeziernego narysowanych w stylu low-poly, w którym sylwetka to kanciasty wielokąt, a lico dzieli się na płaskie trójkąty. Zawiera ramkę minimapy ze znacznikiem północy, ramkę portretu, pasek kompasu, trzy celowniki, kierunkowy łuk obrażeń, sześciopolowy pasek szybkiego dostępu, tabliczkę amunicji, ramkę śledzenia celów ze znacznikiem trasy, pierścień przytrzymania, ramkę banera bossa i tabliczkę zadania.

To są elementy, które zostają na ekranie przez cały czas gry, co czyni je najtrudniejszymi do trafienia: każdy z nich musi być czytelny na dowolnej grafice gry, nie zasłaniając środka ekranu.

Cztery trójkąty spotykają się poza środkiem i każdy niesie własny płaski ton, czyli dokładnie tak, jak cieniuje się fasetowana siatka. W całym zestawie nie ma nigdzie krzywej ani gradientu na żadnej fasecie.

W obrębie tego stylu to jest odczyt Neon: interfejs w trybie ciemny na palecie błękit dalekiego kosmosu z akcentami cyjan, zbudowany wokół czterech narożników zamiast zamkniętego obramowania, przycisków fazowanych w 144x36, pasków o pustym wnętrzu podzielonych na 12 segmentów i ikon dwutonowych na siatce 32px. To właśnie te wymiary tłumaczą, dlaczego dwie rodziny mogą dzielić styl graficzny, nie będąc wymienne: styl decyduje, jak rysuje się krawędź, a liczby decydują, do czego interfejs służy.

Tabliczka zadania oznacza ukończony cel wypełnionym polem i przekreśloną linią zamiast przygaszenia, więc śledzenie pozostaje czytelne na jasnym niebie. Podziałki kompasu na przemian większe i mniejsze pozwalają odczytać kurs jednym spojrzeniem, zamiast go liczyć.

Każdy sprite dostajesz jako edytowalny SVG i jako przezroczysty PNG w 1x, 2x i 4x, więc możesz wrzucić PNG prosto do silnika albo otworzyć wektor i zmienić kolor. Narysowany w tych samych wymiarach co reszta rodziny Neon, co oznacza, że ten zestaw i zestaw paneli Neon pasują do siebie bez skalowania któregokolwiek. Dobrze pasuje do gier low-poly.

Pobieranie

Bezpośredni link · bez rejestracji · bez strony oczekiwania
Pobierz ZIP100 kB

Komplet — źródła SVG, eksporty PNG w 1x/2x/4x, licencja i readme

Pliki zawarte w tej paczce
PlikFormatWagaPobieranie
Komplet — źródła SVG, eksporty PNG w 1x/2x/4x, licencja i readmeZIP100 kB Pobierz →
Ramka minimapy ze znacznikiem północy, low-poly, edytowalny SVGSVG859 B Pobierz →

Jak używać

  1. Zakotwicz ramkę minimapy w narożniku ekranu i renderuj swoją teksturę mapy we wpuszczanym obszarze; znacznik północy jest częścią ramki, więc pozostaje nieruchomy, gdy mapa się obraca.
  2. Rysuj znacznik celu w przestrzeni ekranu, przyciśnięty do krawędzi viewportu, a nie w przestrzeni świata, bo inaczej zniknie, gdy tylko cel wyjdzie poza kadr.
  3. Wybierz jeden celownik i zostań przy nim — te trzy to alternatywy dla różnych odczuć broni, a nie zestaw do mieszania w jednej grze.

Licencja

Creative Commons Uznanie autorstwa 4.0 — Za darmo do użytku komercyjnego. Uznanie autorstwa obowiązkowe. Pełne warunki · Co to znaczy w praktyce

Linijka uznania do skopiowania
"Neon Ramki HUD" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/neon-hud-frames