Paczki interfejsu
Oak Zestaw paneli — panele z podwójną ramką i przyciski
Panele okien nine-slice z podwójną ramką w ciepły dąb, wpuszczane ramki list i cztery stany przycisku zakładkowego, w SVG i PNG w 1x/2x/4x.

O tej paczce
Ciepła drewniana ramka do gier, które mają siatkę ekwipunku i dziennik zadań. Dwa koncentryczne obramowania z przerwą między nimi dają jej rzeźbiony charakter zamiast płaskiego brązowego prostokąta, a przyciski w kształcie zakładek siedzą na mosiężnej linii bazowej, żeby ich rząd czytał się jak zestaw kart, a nie rząd osobnych kontrolek. Wszystko tutaj jest o rozmiar większe niż w standardowym zestawie, bo na menu fantasy zwykle się patrzy, a nie rzuca okiem.
Dwa panele nine-slice — ramka okna z podwójną ramką z narożnikami 32 px i wpuszczana ramka wewnętrzna z narożnikami 20 px — pokrywają niemal każde pole, jakiego potrzebuje menu: dialogi, siatki ekwipunku, tła list, podpowiedzi i panele statystyk. Dwa koncentryczne obramowania z przerwą między nimi czytają się jako rzeźbione, a nie rysowane, i to właśnie oddziela dopracowany interfejs od prostokąta z kreską. Oba rozciągają się czysto do dowolnego rozmiaru, bo narożniki nigdy się nie skalują, a środek to wypełnienie płaskie.
Na panelach siedzą cztery stany przycisku zakładkowego: zwykły, hover, wciśnięty i wyłączony. Narysowano je na tej samej bazie 160×48 z narożnikami 16 px, więc podmieniasz teksturę w jednym widgecie przycisku i dostajesz całą pętlę interakcji bez przesuwania prostokąta. Stan wciśnięty opuszcza lico o dwa piksele i usuwa górny rozbłysk zamiast tylko przyciemniać, i to właśnie sprawia, że przycisk sprawia wrażenie klikniętego, a nie po prostu przekolorowanego.
Wszystko dostajesz dwa razy. Źródła SVG to pliki, w których zestaw narysowano — otwórz je, zmień sześć tonów brąz drewna albo pojedynczy akcent polerowany mosiądz i wyeksportuj ponownie. Eksporty PNG są płaskie, przezroczyste i wstępnie przeskalowane do 1x, 2x i 4x dla silników, które chcą bitmap, bez premultiplikowanej alfy i bez wypalonego cienia poza granicami sprite'a.
Pobieranie
Bezpośredni link · bez rejestracji · bez strony oczekiwaniaKompletny zestaw — źródła SVG, eksporty PNG w 1x/2x/4x, licencja i readme
Jak używać
- W Unity zaimportuj PNG, ustaw Texture Type na Sprite (2D and UI), a obramowanie na 32, 32, 32, 32 dla panelu okna i 16, 16, 16, 16 dla przycisków; następnie ustaw Image Type na Sliced w komponencie interfejsu.
- W Godocie 4 użyj NinePatchRect i ustaw marginesy łatki na te same liczby albo wrzuć SVG bezpośrednio i pozwól Godotowi zrasteryzować go w skali podanej w opcjach importu.
- W Unrealu zaimportuj jako Texture2D, utwórz Slate Brush z Draw As ustawionym na Box i podaj margines jako ułamek rozmiaru tekstury — 0.25 dla panelu 128 px i 0.1 dla przycisku 160 px.
- Aby uzyskać ostry efekt przy niecałkowitych skalach interfejsu, użyj PNG 2x lub 4x zamiast powiększać ten w 1x, albo wskaż silnikowi źródło SVG i pozwól mu rasteryzować w rozmiarze docelowym.
- Akcent mosiądzu to jedna wartość w SVG — zamiana go na srebro lub patynę przebiera cały zestaw pod inną frakcję bez ruszania tonów drewna.
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
"Oak Zestaw paneli — panele z podwójną ramką i przyciski" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/oak-panel-ui-kit


