Paczki interfejsu
Sumi Zestaw dialogowy
7 komponenty dialogowe (cel-shading) do interfejsów w trybie ciemny — laserunek węglem, akcent czerwień laku. SVG i przezroczysty PNG w 1x/2x/4x.

O tej paczce
Sumi Zestaw dialogowy to zestaw 7 komponenty dialogowe narysowanych w stylu cel-shading, w którym gruby kontur tuszem otacza dwa płaskie tony rozdzielone twardym ukośnym terminatorem. 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ć.
Cień to pojedynczy kształt o twardej krawędzi, bez żadnego zaniku — właściwość definiująca cel shading i rzecz, której gradient nigdy nie podrobi. Kontur używa najciemniejszego tonu palety, a nie tonu obramowania, bo inaczej czyta się jak gruba szara ramka zamiast tuszu.
W obrębie tego stylu to jest odczyt Sumi: interfejs w trybie ciemny na palecie laserunek węglem z akcentami czerwień laku, zbudowany wokół dwóch koncentrycznych ramek, przycisków w kształcie zakładki w 120x48, pasków błyszczących podzielonych na 9 segmentów i ikon konturowych 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.
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 Sumi, co oznacza, że ten zestaw i zestaw paneli Sumi pasują do siebie bez skalowania któregokolwiek. Dobrze pasuje do gier cel-shading i renderowanych toonowo.
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
"Sumi Zestaw dialogowy" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sumi-dialogue-kit


