Arayüz Paketleri

Amberterm Arayüz Kontrolleri — onay kutusu, anahtar ve kaydırıcı

Sekiz kehribar CRT arayüz kontrolü: onay kutusu, radyo düğmesi, anahtar ve kaydırıcı; her birinin açık ve kapalı durumu farklı biçimle çizilmiş. SVG ve saydam PNG.

  • ui
  • svg
  • saydam png
  • onay kutusu
  • anahtar
  • kaydırıcı
  • ayarlar
  • kontroller
  • terminal
  • kehribar
  • crt
  • retro
Dama zemin üzerinde oyun ayar kontrolleri — boş ve işaretli onay kutusu, seçili olmayan ve seçili radyo düğmesi, kapalı ve açık gösterilen anahtar, bir de topuzuyla kaydırıcı yolu
1600×752 önizlemesaydamlık dama deseniyle gösteriliyor

Bu paket hakkında

24px'te kontroller. Açık durum en parlak kehribar seviyesine kadar doluyor; ikinci bir renk yok ve bu donanımda hiç olmadı.

Set, bir ayarlar ekranının gerçekten ihtiyaç duyduğu dört kontrolü kapsıyor: onay kutusu, radyo düğmesi, anahtar ve ayrı topuzu olan bir kaydırıcı. Durumu olan her kontrol iki durumunu da kendi dosyası olarak, 24×24 tabanında getiriyor — anahtar 48×24 ve kaydırıcı yolu 192 px genişliğinde, böylece istediğin uzunluğa nine-slice edilebiliyor.

Açık ve kapalı farklı renklerle değil farklı biçimlerle çizildi. İşaretsiz kutu boş bir girinti; işaretli olan ise içine tik oyulmuş dolu bir yüzey. Bunun önemi şu: bir oyuncunun renk körü kipini, gri tonlamalı bir gölgelendiriciyi ya da ağır renklendirilmiş bir post-process'i çalıştırma ihtimalinin en yüksek olduğu yer tam olarak ayarlar ekranı — ve yalnızca renk tonundan okunan bir durum üçünün de altında kayboluyor.

Kaydırıcı tek bir sprite yerine bir yol ve bir topuz olarak geliyor. Tek parça bir kaydırıcıyı canlandırmak onu her değer için yeniden çizmek demek; iki parçayla dolguyu esnetip topuzu kaydırıyorsun ki zaten her arayüz araç setinin beklediği şey bu. Topuz bir orta çentik taşıyor, böylece dönüşü ve konumu küçük boyutlarda da okunur kalıyor.

Her şey düzenlenebilir SVG olarak ve 1x, 2x, 4x düz saydam PNG olarak dahil; Amberterm ailesinin geri kalanıyla aynı altı sıcak siyah tonundan çizildi.

İndirme

Doğrudan bağlantı · kayıt yok · bekleme sayfası yok
ZIP indir40 kB

Tam set — 8 SVG kaynak, 1x/2x/4x PNG çıktılar, lisans ve benioku

Bu pakette bulunan dosyalar
DosyaBiçimBoyutİndirme
Tam set — 8 SVG kaynak, 1x/2x/4x PNG çıktılar, lisans ve beniokuZIP40 kB Al →
Anahtar (açık durum), düzenlenebilir SVGSVG416 B Al →
Kaydırıcı yolu, düzenlenebilir SVGSVG903 B Al →

Nasıl kullanılır

  1. Açık ve kapalı durumlar arasında tek sprite'ı renklendirmek yerine dokunun tamamını değiştir; iki durum biçim olarak farklı, dolayısıyla renk tek başına onları üretmiyor.
  2. Kaydırıcı yolu her iki ucunda 8 px uçla nine-slice edilebiliyor — ortayı esnet, yuvarlak uçlar her genişlikte bozulmadan kalsın.
  3. Unity'de iki dosyayı Toggle bileşeninin Background ve Checkmark grafiklerine bağla ya da tek görsellik bir kurulum için sprite'ı onValueChanged içinde değiştir.
  4. Topuzu dolgu kenarında ortala: genişliği 20 px, dolayısıyla dolgunun sağ kenarından yarısı kadar geri al ki tutamak değerin ardında değil üstünde dursun.

Lisans

Creative Commons Atıf 4.0 — Ticari kullanımda ücretsiz. Atıf zorunlu. Tam koşullar · Pratikte ne demek

Kopyala-yapıştır atıf satırı
"Amberterm Arayüz Kontrolleri — onay kutusu, anahtar ve kaydırıcı" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/amberterm-ui-controls