Arayüz Paketleri
Neon HUD Barları — kalkan, güç ve ısı
Üç boş çekirdekli dolgusu ve bölmeli varyantı olan yüksek kontrastlı neon nine-slice bar çerçevesi; 200×20 boyutunda, 6 px uçlu. SVG ve saydam PNG.

Bu paket hakkında
Fantastik kaynaklar değil gemi sistemleri: kalkan, güç ve ısı. Dolgular parlak çekirdekli boş kabuklar, dolayısıyla kenarların arasından yuva rengi görünüyor ve bar boya değil kapatılmış enerji gibi okunuyor. Üç renk hem tonda hem parlaklıkta birbirinden uzak, çünkü bir HUD'a çeyrek saniye bakan bir pilot konumu ve rengi aynı anda okuyor.
Çerçeve 6 px uçlu bir nine-slice, dolayısıyla uçları bozulmadan her genişliğe uzuyor — tam ekran genişliğinde bir boss barı ile 40 px'lik bir düşman isim barı aynı dosyayı kullanıyor.
Dolgular çerçeveye pişirilmek yerine ayrı sprite'lar ve pratikte önemli olan kısım da bu: dolgunun genişliğini sıfırdan tama ölçeklerken çerçeve hiç kıpırdamıyor. Her dolgu, içinden parlak bir çekirdek geçen boş bir kabuk; böylece kenarların arasından yuva rengi görünüyor ve bar boya gibi değil, kapatılmış enerji gibi okunuyor.
Üç renk var, kaynak başına bir tane: kalkan, güç ve ısı. Renk tonunda olduğu kadar parlaklıkta da birbirinden ayrılıyorlar; gri tonlamalı bir ekran görüntüsünden ve renk körlüğünün en yaygın biçimlerinden sağ çıkan kısım da bu. Aynı açıklığa ayarlanmış bir set renk şeridinde dengeli görünüp ekranda tek bir gri bloğa çöküyor.
Bölmeli varyant aynı çerçevenin üstüne 11 çentik çizgisi ekliyor; sürekli bir yüzde yerine ayrık birim sayan oyunlar için — canlar, şarjlar, cephane. Kaplama değil ayrı bir dosya, yani bar bileşenini değiştirmeden yerleştirebiliyorsun. Her şey düzenlenebilir SVG olarak ve 1x, 2x, 4x düz saydam PNG olarak dahil.
İndirme
Doğrudan bağlantı · kayıt yok · bekleme sayfası yokTam kit — SVG kaynaklar, 1x/2x/4x PNG çıktılar, lisans ve benioku
Nasıl kullanılır
- Önce çerçeveyi, sonra üstüne dolguyu çiz ve dolgunun sol kenarını 6 px uç genişliği kadar içeri al; yalnızca dolgunun genişliğini canlandırmak çerçevenin uçlarını kıpırdatmadan tutar.
- Unity'de dolgu görselini Image Type Filled ve Fill Method Horizontal yap ya da Sliced bir görselin RectTransform genişliğini canlandır — dolgunun kendi yuvarlak köşesi olmadığı için ikisi de çalışıyor.
- Godot 4'de, çerçeveyi Under Texture ve dolguyu Progress Texture olarak alan bir TextureProgressBar aynı şeyi tek satır kod olmadan üretiyor; Stretch Mode'u Tile yapmak da uçları bozulmadan tutuyor.
- Bölmeli kaynaklar için bölmeli çerçeveyi kullan ve dolgu genişliğini iç genişliğin on ikide biri katlarına oturt ki dolgu kenarı hep bir çentiğe denk gelsin.
- Kalkanın aksan renginde okunması bilinçli: savaş sırasında oyuncunun izlediği bar o ve arayüz kromuyla renk tonunu paylaşan tek bar.
Lisans
Creative Commons Atıf 4.0 — Ticari kullanımda ücretsiz. Atıf zorunlu. Tam koşullar · Pratikte ne demek
"Neon HUD Barları — kalkan, güç ve ısı" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/neon-hud-bars


