Paczki interfejsu
Mallwave Sloty ekwipunku — siatka 56px
56×56 sloty ekwipunku w światło atrium: stany pusty, hover, wybrany i zablokowany plus trzy ramki rzadkości. SVG i przezroczysty PNG.

O tej paczce
Sloty 56px, zwymiarowane pod gęstą siatkę. Znaki rzadkości trzymają się narożników, żeby siatka sklepowa dawała się przeglądać, gdy każda komórka jest pełna.
Siatka ekwipunku nie potrzebuje panelu, potrzebuje kwadratu, który się powtarza: 7 plików 56×56, wszystkie o tych samych granicach zewnętrznych, żeby ich rząd układał się bez liczenia odstępów. Rozstaw je co 60 px, a obramowania przeczytają się jako jedna siatka, a nie rząd osobnych pudełek.
Stany są narysowane jako struktura, nie jako kolor. Wybrany slot dostaje znaczniki w narożnikach, zablokowany ukośne kreskowanie, a slot pod kursorem podnosi obramowanie o stopień. To celowe: ekran ekwipunku jest najbardziej hałaśliwą powierzchnią w większości gier, leży pod grafiką przedmiotów we wszystkich odcieniach naraz, a stan będący wyłącznie kolorem obramowania staje się niewidoczny, gdy tylko w slocie wyląduje czerwony miecz.
Trzy ramki rzadkości wykorzystują kolory życia, many i wytrzymałości z reszty rodziny, każda ze znacznikiem w narożniku obok kolorowego obramowania — więc ktoś sortujący po rzadkości czyta dwa sygnały i żaden z nich nie rywalizuje z grafiką przedmiotu na środku slotu.
Wszystko dołączone jako edytowalny SVG i jako płaski przezroczysty PNG w 1x, 2x i 4x. Wnętrza slotów są przezroczyste, więc to, co wyrenderujesz za siatką, prześwituje zamiast wypalonego koloru tła.
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ć
- Rozłóż sloty ze skokiem 60 px — sprite 56 px plus 4 px odstępu — a obramowania zostaną w odległości jednego piksela zamiast się podwoić.
- Rysuj ikonę przedmiotu wyśrodkowaną w slocie przy około 39 px; wnęka wewnętrzna ma 50 px, więc cokolwiek większego dotknie krawędzi i zje ramkę.
- Podmieniaj cały sprite slotu dla stanów wybrany i zablokowany zamiast nakładać barwę, bo znaczniki w narożnikach i kreskowanie są częścią sprite'a.
- Ramki rzadkości zastępują pusty slot jeden do jednego — te same granice, ta sama wnęka — więc zmiana rzadkości to jedna podmiana tekstury bez ruszania układu.
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
"Mallwave Sloty ekwipunku — siatka 56px" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/mallwave-inventory-slots


