Paczki interfejsu

Mallwave Interfejs wytwarzania

13 elementów wytwarzania i receptur (vaporwave) do interfejsów w trybie ciemny — śliwkowa mgła, akcent wyblakłe złoto. SVG i przezroczysty PNG w 1x/2x/4x.

  • ui
  • svg
  • przezroczysty png
  • wytwarzanie
  • receptura
  • warsztat
  • kuźnia
  • ekwipunek
  • vaporwave
  • vaporwave
  • vaporwave
  • pastel
  • retro
  • hud
Arkusz z 13 elementów wytwarzania i receptur (vaporwave) z rodziny Mallwave, rozłożonymi na szachownicy przezroczystości, z rozmiarami w pikselach wypisanymi pod spodem
podgląd 1600×597przezroczystość pokazana jako szachownica

O tej paczce

Mallwave Interfejs wytwarzania to zestaw 13 elementów wytwarzania i receptur narysowanych w stylu vaporwave, w którym zaokrąglone i podwinięte narożniki niosą różowo-morskie płyty na tle głębokiego indygo. Zawiera trzy stany pola składnika, powiększone pole wyniku, strzałkę łączenia i strzałkę odzysku, znak łączenia, trzy wskaźniki jakości, wiersz receptury znanej i nieodkrytej oraz stopniowany pasek wytwarzania.

Wytwarzanie to jedyny ekran, na którym pole musi powiedzieć coś, czego pole ekwipunku nie mówi nigdy: nie co w nim leży, lecz czy masz tego dość. Posiadane, brakujące i częściowo posiadane to trzy stany, a zestaw z jednym sprite’em pola zmusza silnik do odpowiadania na to pytanie tekstem pod każdym polem.

To jedyny styl ramki dopuszczający krzywą; wszystkie pozostałe w katalogu są ściśle kanciaste. Gradienty biegną wzdłuż dłuższej osi w dwóch nasyconych punktach, zamiast gasnąć w neutralnym, bo wyblakły gradient vaporwave czyta się jak błąd, a nie jak nastrój.

W obrębie tego stylu to jest odczyt Mallwave: interfejs w trybie ciemny na palecie śliwkowa mgła z akcentami wyblakłe złoto, zbudowany wokół ramki o pojedynczym obramowaniu, przycisków fazowanych w 132x40, pasków o pustym wnętrzu podzielonych na 16 segmentów i ikon dwutonowych na siatce 16px. 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.

Pole składnika dostajesz we wszystkich trzech stanach, a różnicę niesie obramowanie, nie wypełnienie: pole skompletowane jest zamknięte, brakujące przerywane, częściowe zamknięte tylko w dolnej połowie. Czyta się to przy 56 pikselach i czyta się bez koloru. Strzałka łączenia i strzałka odzysku to osobne pliki, a nie jedna obrócona strzałka, bo obie stoją na tym samym ekranie, a odbita strzałka przerzuca cieniowanie na złą stronę. Pole wyniku narysowano celowo o jedną trzecią większe: produkt receptury nie jest kolejnym składnikiem i nie powinien mieścić się w tym samym pudełku.

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 Mallwave, co oznacza, że ten zestaw i zestaw paneli Mallwave pasują do siebie bez skalowania któregokolwiek. Dobrze pasuje do interfejsów synthwave, zmierzchowych i retroromantycznych.

Pobieranie

Bezpośredni link · bez rejestracji · bez strony oczekiwania
Pobierz ZIP76 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 readmeZIP76 kB Pobierz →
Pole składnika, posiadany, edytowalny SVGSVG1.5 kB Pobierz →

Jak używać

  1. Pola składników układaj ze znakiem łączenia pomiędzy nimi, a strzałkę łączenia przed polem wyniku; każdy element narysowano pod ten porządek czytania i wspólny środek w pionie.
  2. Stan pola steruj liczbą sztuk w ekwipunku, a nie barwieniem jednego sprite’a: przerywany, gdy brakuje, domknięty w połowie przy częściowym, zamknięty przy komplecie.
  3. Wskaźnik jakości czytaj po liczbie nacięć, nie po długości. Nacięcia są stałe, więc wynik pięcionacięciowy da się policzyć obok trzynacięciowego.
  4. Na czas wytwarzania używaj paska stopniowanego, a nie paska zasobu. Wytwarzanie postępuje odrębnymi krokami, a płynne wypełnienie sugeruje, że można je przerwać na dowolnej wartości.

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 Interfejs wytwarzania" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/mallwave-crafting-ui