Paczki interfejsu

Candy Ramki HUD

16 ramki wyświetlacza przeziernego (kreskówka) do interfejsów w trybie jasny — ciepła kremowa, akcent róż gumy balonowej. SVG i przezroczysty PNG w 1x/2x/4x.

  • ui
  • svg
  • przezroczysty png
  • hud
  • minimapa
  • celownik
  • kompas
  • kreskówka
  • kreskówka
  • kreskówka
  • casual
  • mobilny
  • match 3
Arkusz z 16 ramki wyświetlacza przeziernego (kreskówka) z rodziny Candy, rozłożonymi na szachownicy przezroczystości, z rozmiarami w pikselach wypisanymi pod spodem
podgląd 1600×997przezroczystość pokazana jako szachownica

O tej paczce

Candy Ramki HUD to zestaw 16 ramki wyświetlacza przeziernego narysowanych w stylu kreskówka, w którym gruby, czysty kontur otacza błyszczące lico z jednym rozbłyskiem. 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.

Połysk to podział o twardej krawędzi na 44% wysokości, a nie miękki gradient: łagodne przejście czyta się jak szkło, twardy podział czyta się jak rysunek. Przesunięty cień jest pełny, a nie rozmyty, z tego samego powodu.

W obrębie tego stylu to jest odczyt Candy: interfejs w trybie jasny na palecie ciepła kremowa z akcentami róż gumy balonowej, zbudowany wokół dwóch koncentrycznych ramek, w pełni zaokrąglonych przycisków pigułkowych w 168x56, pasków pasmowych podzielonych na 6 segmentów i ikon pełnych na siatce 32px. 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 Candy, co oznacza, że ten zestaw i zestaw paneli Candy pasują do siebie bez skalowania któregokolwiek. Dobrze pasuje do gier anime i kreskówka.

Pobieranie

Bezpośredni link · bez rejestracji · bez strony oczekiwania
Pobierz ZIP121 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 readmeZIP121 kB Pobierz →
Ramka minimapy ze znacznikiem północy, kreskówka, edytowalny SVGSVG1.7 kB Pobierz →

Jak używać

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

Linijka uznania do skopiowania
"Candy Ramki HUD" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/candy-hud-frames