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.

  • ui
  • svg
  • przezroczysty png
  • ekwipunek
  • slot ekwipunku
  • ramka przedmiotu
  • rzadkość
  • siatka
  • vaporwave
  • pastel
  • retro
  • hud
Rząd kwadratowych slotów ekwipunku na tle szachownicy pokazujący stany pusty, hover, wybrany ze znacznikami w narożnikach i zablokowany z ukośnym kreskowaniem, a dalej kolorowe ramki rzadkości i siatka ośmiu slotów
podgląd 1600×629przezroczystość pokazana jako szachownica

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 oczekiwania
Pobierz ZIP53 kB

Komplet — źródła SVG, eksporty PNG w 1x/2x/4x, licencja i readme

Pliki zawarte w tej paczce
PlikFormatWagaPobieranie
Komplet — źródła SVG, eksporty PNG w 1x/2x/4x, licencja i readmeZIP53 kB Pobierz →
Pusty slot, edytowalny SVGSVG1.3 kB Pobierz →
Wybrany slot ze znacznikami w narożnikach, edytowalny SVGSVG1.8 kB Pobierz →

Jak używać

  1. 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ć.
  2. 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ę.
  3. 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.
  4. 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

Linijka uznania do skopiowania
"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