Paczki interfejsu

Neon Sloty ekwipunku — siatka 64px

64×64 sloty ekwipunku w neon o wysokim kontraście: 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
  • science fiction
  • hud
  • cyberpunk
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×640przezroczystość pokazana jako szachownica

O tej paczce

Sloty 64px z zachowaną fasetowaną sylwetką: gniazdo to kanciasty wielokąt, a nie zaokrąglony kwadrat, więc należy do tej samej siatki co panele. Stan wybrany rozjaśnia pojedynczą fasetę zamiast całej ramki, co czyta się jak światło złapane na krawędzi, a nie jak filtr poświaty.

Siatka ekwipunku nie potrzebuje panelu, potrzebuje kwadratu, który się powtarza: 7 plików 64×64, wszystkie o tych samych granicach zewnętrznych, żeby ich rząd układał się bez liczenia odstępów. Rozstaw je co 68 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 tarczy, mocy i ciepła 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 ZIP31 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 readmeZIP31 kB Pobierz →
Pusty slot, edytowalny SVGSVG432 B Pobierz →
Wybrany slot ze znacznikami w narożnikach, edytowalny SVGSVG891 B Pobierz →

Jak używać

  1. Rozłóż sloty ze skokiem 68 px — sprite 64 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 45 px; wnęka wewnętrzna ma 58 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
"Neon Sloty ekwipunku — siatka 64px" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/neon-inventory-slots