Paczki interfejsu
Sandbox Sloty ekwipunku — siatka 56px
56×56 sloty ekwipunku w ciepły piasek: stany pusty, hover, wybrany i zablokowany plus trzy ramki rzadkości. SVG i przezroczysty PNG.

O tej paczce
Sloty ekwipunku 56px, na tyle ciasne, by pomieścić pełny pasek szybkiego dostępu i siatkę dziewięć na dziewięć na jednym ekranie. Wytłoczone przednie lico sprawia, że pełny slot wygląda na pełny, a to liczy się tutaj bardziej niż gdziekolwiek, bo cała gra polega na przenoszeniu przedmiotów między nimi.
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 Zero 1.0 — Domena publiczna. Bez uznania autorstwa. Pełne warunki · Co to znaczy w praktyce



