Arayüz Paketleri

Hyperlane Karakter Sayfası

Koyu arayüzler için 12 adet arcade karakter sayfası ve istatistik bileşeni — gün batımı turuncusu vurgulu koyu mor paleti. SVG kaynak ve 1x, 2x, 4x saydam PNG.

  • ui
  • svg
  • saydam png
  • karakter sayfası
  • istatistik
  • donanım
  • nitelikler
  • rpg
  • arcade
  • arcade
  • arcade
  • yarış
  • gradyan
  • hud
Hyperlane ailesinden 12 adet arcade karakter sayfası ve istatistik bileşeni gösteren sayfa; hepsi saydamlık dama zemininde dizilmiş ve altlarında piksel ölçüleri yazılı
1600×824 önizlemesaydamlık dama deseniyle gösteriliyor

Bu paket hakkında

Hyperlane Karakter Sayfası, arcade tarzında çizilmiş 12 adet karakter sayfası ve istatistik bileşeni içeren bir set; renk kenarlık değil gövdenin kendisi — sivri uçlu doygun levhalar. İçinde bir istatistik satırı ile şeritli eşi, üç karşılaştırma işareti, altı ve beş eksenli birer örümcek grafiği çerçevesi, bir donanım kuklası çerçevesi, biri boş biri dolu iki kuşanma yuvası ve iki set bonusu şeridi var.

Karakter sayfası tek bir soruyu cevaplamak için var: bu yeni parça, üstündekinden iyi mi? Ve o soruyu cevaplayan çizim kitin en küçüğü. Setlerin çoğu çerçeveleri gönderip karşılaştırma oklarını motora bırakıyor; oklar da geri kalan her şeyin elle çizildiği bir sette bir yazı tipi karakteri olarak çıkıyor.

Her levha uzun ekseni boyunca iki duraklı bir gradyanla dolduruldu ve işaretler siyah üstüne parlak değil, rengin üstüne koyu çizildi. Sivri uçlar siluetin parçası, dolayısıyla bir kontur efekti olmak yerine ölçeklenmeye dayanıyorlar.

Bu tarzın Hyperlane okuması şöyle: koyu mor paleti üzerinde gün batımı turuncusu aksanlı bir koyu arayüz; iç içe iki çerçeve, 192x48 boyutunda tamamen yuvarlatılmış hap düğmeler, 6 bölmeye ayrılmış parlak barlar ve 32px ı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.

Yukarı ve aşağı oklar çevrilmiş tek bir ok değil ayrı sprite’lar, çünkü ikisi de aynı karşılaştırma tablosunda görünüyor ve çevrilmiş bir ok ters taraftan ışık alıyor. Üçüncü bir işaret de var: değişmedi. Kulağa geldiğinden önemli, çünkü hiç ok olmaması "eşit" ile "karşılaştırılamaz" arasında belirsiz kalıyor. Örümcek grafiği çerçevesi yalnızca ızgara ve eksenlerle, değer çokgeni olmadan geliyor, çünkü değerler oyundan geliyor. Kitin borcu ölçek ve o ölçek hem beş hem altı eksenle geliyor, yani bir istatistik sistemi çizerin varsaydığı kadar niteliğe sahip olmaya zorlanmıyor.

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. Hyperlane ailesinin geri kalanıyla aynı ölçülere göre çizildi; bu da bu kitin ve Hyperlane panel kitinin, ikisi de yeniden boyutlandırılmadan hizalandığı anlamına geliyor. Yarış, arcade ve skor odaklı arayüzlere iyi oturuyor.

İndirme

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

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

Bu pakette bulunan dosyalar
DosyaBiçimBoyutİndirme
Tam set — SVG kaynaklar, 1x/2x/4x PNG çıktılar, lisans ve beniokuZIP184 kB Al →
İstatistik satırı, düzenlenebilir SVGSVG734 B Al →

Nasıl kullanılır

  1. Değer çokgenini örümcek grafiği çerçevesinin üstüne motorda çizin; çerçeve eşit aralıklı halkalarla sabit bir ölçek, yani çokgen doğrudan üstüne oturuyor.
  2. Karşılaştırma işaretlerinin üçünü de kullanın, değişmedi işareti dâhil. Okun olmaması eşit demek değil.
  3. Uzun bir listede kendi zebra dolgunuzu eklemek yerine düz ve şeritli istatistik satırlarını dönüşümlü kullanın; şeridin tonu ailenin yeniden renklendirilmesinden sağ çıkacak şekilde seçildi.
  4. Donanım kuklasının ortası kendi karakter portreniz için boş bırakıldı; çevresindeki yuva konumları da tek başına gelen kuşanma yuvasının boyutuyla birebir aynı.

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ı
"Hyperlane Karakter Sayfası" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/hyperlane-character-sheet