Tek bir kaynakla sürülen oyun arayüzü

Bir oyunda nasıl görünüyor

Ortaçağ ve bilimkurgu ön ayarları — karakter sayfaları, envanterler ve görevler; formlar, ızgaralar ve soru kartları; köşeli paneller ve dokunmatik denetimler. Ön ayarı değiştirmek tek satır koddur.

Altı ön ayarın tamamı ve nasıl değiştirilecekleri →

Sizin elinizden aldıkları

Oyun arayüzünde en çok zamanı yiyen şey bir düğmenin biçimi değildir — cihazdan cihaza birbirinden ayrışan her şeydir. gohud bu ayrışmayı tek bir yerde halleder.

Görünümü değiştirin — renkleri ve biçimi

Bir Theme yalnızca motorun çizdiğini yeniden biçimlendirebilir. StyleBoxFlat'in sahip olduğu tek köşe yuvarlak köşedir; joystick, hızlı slotlar ve rehber işareti ise kodla çizilir — dolayısıyla tek başına bir tema onların biçimini asla değiştiremez. gohud bu yüzden ön ayarlarla gelir: tek bir birim olarak seçilen bir tema, bir kaplama ve bir simge seti.

GoUi.use_preset(GoThemePresets.MEDIEVAL_DARK)   # tema, kaplama ve simgeler birlikte

Bu dördü aynı galeri ekranıdır. Tek bir satır kod bile farklı değil — yalnızca ön ayarın adı. Düğme köşeleri, anahtar biçimleri, liste satırları ve giriş kenarlıkları hep birlikte hareket eder.

Ortaçağ koleksiyonu

medieval_dark demir ve deriyi antika altınla eşleştirir; medieval_light parşömen ve mürekkep kullanır. Menü çerçeveleri bir perçin ve küçük bir köşe süsü taşırken sürekli görünen HUD sessiz kalır; 16 gravür simge nesne adlarını yeniden çizer ve yalnızca başlıklar ile alt başlıklar pakete dahil Cinzel yazı tipini kullanır.

Her iki görüntü de standart widget'lardan kurulmuş examples/medieval/medieval.tscn dosyasıdır. Ortaçağ rehberi ve kendi krallığınızı nasıl kuracağınız →

Aynı ekran telefonda ve masaüstünde

Galeri görüntüleri dikey tutulan bir telefondur. Aşağıdaki ise aynı kodun 1280×800'deki hali — içerik okunabilir bir genişlikte (480dp) durur ve ortalanır, HUD ise köşelerde kalır. Form, yüzen HUD parçalarının etrafından dolaşır ama onlardan zaten uzaktaysa yerinden kıpırdamaz: yine de itmek geniş bir ekranda içeriği merkezden kaydırırdı.

Aynı sayfa, başka bir görünüm

Birini Project Settings → gohud → Theme → Preset yolundan seçin ya da GoConfig.preset değerini verin. theme, skin veya icons alanlarını açıkça doldurmak ön ayarı geçersiz kılar; böylece bir ön ayarı alıp yalnızca birini değiştirebilirsiniz.

Kaplamalar — bir Theme'in erişemediği yer

Bir kaplama; joystick'e, hızlı slot yüzlerine, rehber işareti halkasına, chip'lere, iskeletlere, uyarılara, ayırıcılara ve bölüm başlıklarına sahiptir. Alt sınıfını türetin ve yalnızca değiştirmek istediğinizi ezin.

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

Üçü de bir Theme kaynağına serileştirilir — bir temanın yalnızca rengi değil biçimi de değiştirebilmesini sağlayan şey budur. Pakete dahil alt sınıflar GoSkinSciFi ve GoSkinMedieval'dir.

Widget'lar

Parçalar, tek bir tabloda. Her biri ayrıntılı olarak →

Beklemek, bildirmek, saymak

Formlar ve listeler

Oyunların gerçekten kullandığı biçimler

Ekranın üstünde

Okunaklılık göz kararı değil, ölçümle

"Güzel" zevk meselesidir; "okunaklı" ölçülebilir. Soluk gri bir yazı iyi bir monitörde hoş görünür ve gün ışığındaki bir telefonda kaybolur — göz kararı seçmek bunu er ya da geç garanti eder.

python3 addons/gohud/tools/check_contrast.py

Her renk çifti ve her düğme durumunun etiketi, üstünde durduğu panele karşı altı temanın hepsinde WCAG'a göre ölçülür. Yarı saydam renkler önce gerçek arka planlarıyla birleştirilir — doğrudan ölçmek ekranda görünenden daha iyi bir oran bildirir.

Bu yüzden yazı renkleri seçilmez, türetilir: üretici, paletteki değeri bir başlangıç noktası alır ve inebileceği her yüzeyde eşiği geçene kadar açıklığını iter. Paleti değiştirin, kontrast onu izlesin. Kurallar ve arkalarındaki tuzaklar →