Paczki interfejsu
Dusk Zestaw dialogowy
7 komponenty dialogowe (pixel art) do interfejsów w trybie ciemny — nocny fiolet, akcent bursztyn. SVG i przezroczysty PNG w 1x/2x/4x.

O tej paczce
Dusk Zestaw dialogowy to zestaw 7 komponenty dialogowe narysowanych w stylu pixel art, w którym każdy narożnik to schodek z pełnych pikseli i nic nie jest wygładzane. Zawiera dymek z ogonkiem, tabliczkę z imieniem mówiącego, przygaszony i jasny wskaźnik kontynuacji, wiersze wyboru w spoczynku i zaznaczone oraz panel podpowiedzi.
Dymek dialogowy to najczęściej czytana powierzchnia w grze fabularnej i nie jest tym samym co panel okna: potrzebuje ogonka wskazującego mówiącego, tabliczki z imieniem, która siedzi na wierzchu, nie zasłaniając pierwszej linijki, oraz wskaźnika kontynuacji w dwóch klatkach, żeby silnik mógł nim migać.
Kontur idzie schodkami po 4px, a cieniowanie to dithering Bayera zamiast gradientu, więc zestaw przetrwa skalowanie całkowitym mnożnikiem — jedyny sposób, w jaki pixel art można skalować, nie zamieniając go w papkę.
W obrębie tego stylu to jest odczyt Dusk: interfejs w trybie ciemny na palecie nocny fiolet z akcentami bursztyn, zbudowany wokół pasma nagłówka wzdłuż górnej części ramki, przycisków o prostych narożnikach w 96x32, pasków ze znacznikami podzielonych na 6 segmentów i ikon pełnych na siatce 16px. 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.
Zaznaczony wiersz wyboru oznaczony jest wcięciem i wskaźnikiem zamiast zmianą koloru, więc stan przetrwa tryb dla daltonistów i shader w skali szarości. Tutaj liczy się to bardziej niż gdziekolwiek indziej: wybór złej opcji dialogowej to błąd, którego gracz nie cofnie.
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 Dusk, co oznacza, że ten zestaw i zestaw paneli Dusk pasują do siebie bez skalowania któregokolwiek. Dobrze pasuje do gier w pixel arcie.
Pobieranie
Bezpośredni link · bez rejestracji · bez strony oczekiwaniaKomplet — źródła SVG, eksporty PNG w 1x/2x/4x, licencja i readme
Jak używać
- Stosuj nine-slice do dymka na prostych obszarach, a ogonek zostaw w stałym rogu, bo inaczej rozciągnie się w klin, gdy dymek urośnie.
- Migaj wskaźnikiem kontynuacji, przełączając klatki przygaszoną i jasną około 2 Hz — te dwie klatki istnieją po to, żebyś nie musiał barwić jednej w czasie działania gry.
- Zakotwicz tabliczkę z imieniem w lewym górnym rogu dymka z ujemnym przesunięciem mniej więcej połowy jej wysokości, żeby nachodziła na ramkę.
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
"Dusk Zestaw dialogowy" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/dusk-dialogue-kit


