Paczki interfejsu

Blocks Interfejs wytwarzania

13 elementów wytwarzania i receptur (voxel) do interfejsów w trybie ciemny — chłodny kamień, akcent sygnałowy pomarańcz. SVG i przezroczysty PNG w 1x/2x/4x.

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

O tej paczce

Blocks Interfejs wytwarzania to zestaw 13 elementów wytwarzania i receptur narysowanych w stylu voxel, w którym każda powierzchnia to przednia ściana sześcianu z oświetloną górą i zacienioną prawą ścianą. 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.

Wytłoczenie jest prawdziwą geometrią, a nie cieniem: kąt światła nigdy się nie zmienia, na blok przypadają dokładnie trzy tony, a przednia ściana jest cofnięta, żeby sześcian mieścił się w granicach własnego sprite'a.

W obrębie tego stylu to jest odczyt Blocks: interfejs w trybie ciemny na palecie chłodny kamień z akcentami sygnałowy pomarańcz, zbudowany wokół ramki o pojedynczym obramowaniu, przycisków o prostych narożnikach w 132x48, pasków ze znacznikami podzielonych na 8 segmentów i ikon pełnych na siatce 24px. 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 Blocks, co oznacza, że ten zestaw i zestaw paneli Blocks pasują do siebie bez skalowania któregokolwiek. Dobrze pasuje do gier voxel i klockowych.

Pobieranie

Bezpośredni link · bez rejestracji · bez strony oczekiwania
Pobierz ZIP27 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 readmeZIP27 kB Pobierz →
Pole składnika, posiadany, edytowalny SVGSVG597 B 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 Zero 1.0 — Domena publiczna. Bez uznania autorstwa. Pełne warunki · Co to znaczy w praktyce