Paczki interfejsu
Paper Ramki HUD
16 ramki wyświetlacza przeziernego (płaski) do interfejsów w trybie jasny — ciepły papier, akcent rdzawa czerwień. SVG i przezroczysty PNG w 1x/2x/4x.
O tej paczce
Paper Ramki HUD to zestaw 16 ramki wyświetlacza przeziernego narysowanych w stylu płaski, w którym nie ma ani konturów, ani żadnego cieniowania. Zawiera ramkę minimapy ze znacznikiem północy, ramkę portretu, pasek kompasu, trzy celowniki, kierunkowy łuk obrażeń, sześciopolowy pasek szybkiego dostępu, tabliczkę amunicji, ramkę śledzenia celów ze znacznikiem trasy, pierścień przytrzymania, ramkę banera bossa i tabliczkę zadania.
To są elementy, które zostają na ekranie przez cały czas gry, co czyni je najtrudniejszymi do trafienia: każdy z nich musi być czytelny na dowolnej grafice gry, nie zasłaniając środka ekranu.
Głębia bierze się wyłącznie z warstwowego miękkiego cienia — trzech nałożonych przebiegów zamiast filtra rozmycia, bo część rasteryzatorów SVG źle skaluje rozmycie i PNG 4x wychodzi jako smuga. Cała reszta to jeden pełny kolor.
W obrębie tego stylu to jest odczyt Paper: interfejs w trybie jasny na palecie ciepły papier z akcentami rdzawa czerwień, zbudowany wokół ramki o pojedynczym obramowaniu, w pełni zaokrąglonych przycisków pigułkowych w 140x44, pasków pasmowych podzielonych na 10 segmentów i ikon konturowych 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.
Tabliczka zadania oznacza ukończony cel wypełnionym polem i przekreśloną linią zamiast przygaszenia, więc śledzenie pozostaje czytelne na jasnym niebie. Podziałki kompasu na przemian większe i mniejsze pozwalają odczytać kurs jednym spojrzeniem, zamiast go liczyć.
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 Paper, co oznacza, że ten zestaw i zestaw paneli Paper pasują do siebie bez skalowania któregokolwiek. Dobrze pasuje do interfejsów minimalistycznych i mobilnych.
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ć
- Zakotwicz ramkę minimapy w narożniku ekranu i renderuj swoją teksturę mapy we wpuszczanym obszarze; znacznik północy jest częścią ramki, więc pozostaje nieruchomy, gdy mapa się obraca.
- Rysuj znacznik celu w przestrzeni ekranu, przyciśnięty do krawędzi viewportu, a nie w przestrzeni świata, bo inaczej zniknie, gdy tylko cel wyjdzie poza kadr.
- Wybierz jeden celownik i zostań przy nim — te trzy to alternatywy dla różnych odczuć broni, a nie zestaw do mieszania w jednej grze.
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
"Paper Ramki HUD" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/paper-hud-framesPrzeglądaj też
Więcej: Paczki interfejsu
Zobacz wszystkie →
Aetherlab Tła ekranów
13 elementy tła i nakładek (magitech) do interfejsów w trybie ciemny — laboratoryjny granat, akcent eteryczny cyjan. SVG i przezroczysty PNG w 1x/2x/4x.
Aetherlab Ramki kart
18 komponenty kart i powiadomień (magitech) do interfejsów w trybie ciemny — laboratoryjny granat, akcent eteryczny cyjan. SVG i przezroczysty PNG w 1x/2x/4x.
Aetherlab Karta postaci
12 elementów karty postaci i statystyk (magitech) do interfejsów w trybie ciemny — laboratoryjny granat, akcent eteryczny cyjan. SVG i przezroczysty PNG w 1x/2x/4x.
Aetherlab Interfejs wytwarzania
13 elementów wytwarzania i receptur (magitech) do interfejsów w trybie ciemny — laboratoryjny granat, akcent eteryczny cyjan. SVG i przezroczysty PNG w 1x/2x/4x.