Interfejs gry napędzany jednym zasobem

Jak to wygląda w grze

Presety średniowieczny i sci-fi — karty postaci, ekwipunek i zadania; formularze, siatki i karty pytań; kanciaste panele i sterowanie dotykowe. Przełączenie presetu to jedna linijka kodu.

Wszystkie sześć presetów i jak je przełączać →

Co zdejmuje z twoich barków

Najwięcej czasu w interfejsie gry pochłania nie kształt przycisku — tylko wszystko to, co rozjeżdża się między urządzeniami. gohud ogarnia to rozjeżdżanie w jednym miejscu.

Zmień wygląd — kolory i kształt

Motyw potrafi przestylizować tylko to, co rysuje silnik. Zaokrąglone narożniki to jedyne narożniki, jakie ma StyleBoxFlat, a joystick, szybkie sloty i wskazówka instruktażowa są rysowane kodem — więc sam motyw nigdy nie zmieni ich kształtu. Dlatego gohud dostarcza presety: motyw, skórkę i zestaw ikon dobrane jako jedna całość.

GoUi.use_preset(GoThemePresets.MEDIEVAL_DARK)   # motyw, skórka i ikony naraz

Te cztery to ten sam ekran galerii. Nie różni się ani linijka kodu — tylko nazwa presetu. Narożniki przycisków, kształty przełączników, wiersze list i obramowania pól wprowadzania ruszają się razem.

Kolekcja średniowieczna

medieval_dark łączy żelazo i skórę ze starym złotem; medieval_light używa pergaminu i atramentu. Ramy menu niosą nit i mały ornament narożny, podczas gdy stale widoczny HUD pozostaje spokojny; 16 grawerowanych ikon przerysowuje nazwy przedmiotów, a dołączonej czcionki Cinzel używają wyłącznie tytuły i podtytuły.

Oba zrzuty to examples/medieval/medieval.tscn, zbudowane ze standardowych widżetów. Przewodnik po średniowieczu i jak zrobić własne królestwo →

Ten sam ekran na telefonie i na komputerze

Zrzuty galerii to telefon w pionie. Poniżej ten sam kod w 1280×800 — treść zatrzymuje się na czytelnej szerokości (480 dp) i centruje, a HUD zostaje w narożnikach. Formularz omija pływające elementy HUD, ale nie rusza się, gdy już ich nie dotyka: przesuwanie na siłę zrzuciłoby treść ze środka na szerokim ekranie.

Ten sam arkusz, inny wygląd

Wybierz jeden w Ustawieniach projektu → gohud → Theme → Preset albo ustaw GoConfig.preset. Jawne wypełnienie theme, skin lub icons wygrywa z presetem, więc możesz wziąć preset i nadpisać tylko jedną z tych rzeczy.

Skórki — tam, gdzie motyw nie sięga

Skórka posiada joystick, lica szybkich slotów, pierścień wskazówki instruktażowej, chipy, szkielety, alerty, separatory i nagłówki sekcji. Odziedzicz po niej i nadpisz tylko to, co chcesz zmienić.

class_name MySkin extends GoSkin

func slot_box(accent: Color, lit: bool) -> StyleBox:
    var box := GoStyleBoxCut.new()
    box.bg_color = accent
    box.cut = 6.0
    box.edge_color = accent
    return box

Wszystkie trzy serializują się do zasobu Theme — i to właśnie pozwala motywowi zmieniać kształt, a nie tylko kolor. GoSkinSciFi i GoSkinMedieval to dostarczone podklasy.

Widżety

Wszystkie elementy w jednej tabeli. Każdy z nich szczegółowo →

Czekanie, mówienie, liczenie

Formularze i listy

Kształty, których gry naprawdę używają

Ponad ekranem

Czytelność się mierzy, a nie ocenia na oko

„Ładne” to kwestia gustu; „czytelne” da się zmierzyć. Blady szary tekst wygląda dobrze na dobrym monitorze i znika na telefonie w słońcu — wybieranie na oko prędzej czy później to gwarantuje.

python3 addons/gohud/tools/check_contrast.py

Każda para kolorów i etykieta każdego stanu przycisku na panelu, na którym leży, jest mierzona względem WCAG, we wszystkich sześciu motywach. Półprzezroczyste kolory są najpierw składane na swoim prawdziwym tle — mierzenie ich wprost daje lepszy współczynnik, niż pokazuje ekran.

Kolory tekstu są więc wyprowadzane, a nie wybierane: builder bierze wpis z palety jako punkt wyjścia i przesuwa jego jasność, aż przekroczy próg na każdej powierzchni, na której może wylądować. Zmień paletę, a kontrast pójdzie za nią. Zasady i pułapki, które za nimi stoją →