Arayüz Paketleri
Scanline Diyalog Kiti
koyu arayüzler için 7 adet hologram diyalog bileşeni — köz turuncusu vurgulu okyanus siyahı paleti. SVG kaynak ve 1x, 2x, 4x saydam PNG.

Bu paket hakkında
Scanline Diyalog Kiti, hologram tarzında çizilmiş 7 adet diyalog bileşeni içeren bir set; ince bir iz geniş bir hale taşıyor ve çerçevenin çoğu boş alan. İçinde kuyruklu bir konuşma kutusu, bir konuşmacı isim levhası, sönük ve parlak devam göstergeleri, boştaki ve seçili seçenek satırları ve bir ipucu paneli var.
Diyalog kutusu, hikâye anlatan bir oyunda en çok okunan tek yüzey ve bir pencere paneliyle aynı şey değil: konuşanı gösteren bir kuyruğa, ilk satırı örtmeden üstünde duran bir isim levhasına ve motorun yanıp söndürebilmesi için iki kareli bir devam göstergesine ihtiyacı var.
Hale bulanıklık filtresi değil, azalan opaklıkta üst üste konturlar — bir filtreyi bazı SVG rasterleştiricileri farklı uyguluyor ve 4x'te lekeliyor. İz bilinçli olarak ince: yansıtılan bir arayüz ışık gibi okunuyor, kalın bir çizgi ise boya gibi.
Bu tarzın Scanline okuması şöyle: okyanus siyahı paleti üzerinde köz turuncusu aksanlı bir koyu arayüz; tek çerçeveli bir panel, 120x34 boyutunda pahlı düğmeler, 24 bölmeye ayrılmış boş çekirdekli barlar ve 16px ızgarada iki tonlu ikonlar etrafında kuruldu. Bu ölçüler, iki ailenin aynı sanat tarzını birbirinin yerine geçmeden paylaşabilmesinin sebebi: tarz kenarın nasıl çizildiğine, sayılar arayüzün ne işe yaradığına karar veriyor.
Seçili seçenek satırı renk değişimiyle değil bir girinti ve bir işaretçiyle belirtiliyor, dolayısıyla durum renk körü kipinden ve gri tonlamalı gölgelendiriciden sağ çıkıyor. Bunun önemi burada her yerdekinden fazla: yanlış diyalog seçeneğini seçmek, oyuncunun geri alamayacağı bir hata.
Her sprite düzenlenebilir SVG olarak ve 1x, 2x, 4x saydam PNG olarak geliyor; yani PNG'leri doğrudan bir motora bırakabilir ya da vektörü açıp bir rengi değiştirebilirsin. Scanline ailesinin geri kalanıyla aynı ölçülere göre çizildi; bu da bu kitin ve Scanline panel kitinin, ikisi de yeniden boyutlandırılmadan hizalandığı anlamına geliyor. Bilim kurgu projeksiyonlarına, tarayıcılara ve yakın gelecek kaplamalarına iyi oturuyor.
İndirme
Doğrudan bağlantı · kayıt yok · bekleme sayfası yokTam set — SVG kaynaklar, 1x/2x/4x PNG çıktılar, lisans ve benioku
Nasıl kullanılır
- Diyalog kutusunu düz bölgelerinde nine-slice yap ve kuyruğu sabit köşede bırak; yoksa kutu büyüdüğünde kama gibi uzuyor.
- Devam göstergesini sönük ve parlak kareleri saniyede yaklaşık 2 kez değiştirerek yanıp söndür; iki kare, çalışma anında birini renklendirmek zorunda kalmayasın diye var.
- İsim levhasını diyalog kutusunun sol üstüne, yüksekliğinin yaklaşık yarısı kadar negatif kaydırmayla yerleştir ki çerçevenin üzerine binsin.
Lisans
Creative Commons Atıf 4.0 — Ticari kullanımda ücretsiz. Atıf zorunlu. Tam koşullar · Pratikte ne demek
"Scanline Diyalog Kiti" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/scanline-dialogue-kit


