Arayüz Paketleri

Candy Envanter Kutuları — 80px ızgara

13 adet 80×80 şeker parlaklığı envanter yuvası: boş, üzerinde, seçili, kilitli, engelli, bırakma; yuvarlak ve altıgen ekipman yuvası, hotbar, üç nadirlik çerçevesi.

  • ui
  • svg
  • saydam png
  • envanter
  • kutu
  • eşya çerçevesi
  • nadirlik
  • ızgara
  • çizgi film
  • gündelik
  • mobil
  • eşleştirme
Dama zemin üzerinde bir sıra kare oyun envanter kutusu: boş, üzerinde, köşe çentikli seçili ve çapraz taramalı kilitli durumlar; ardından renkli nadirlik çerçeveleri ve döşenmiş sekiz kutuluk ızgara
1600×661 önizlemesaydamlık dama deseniyle gösteriliyor

Bu paket hakkında

80px envanter kutuları, buradaki en büyükler. Bir 3'lü eşleştirme ya da koleksiyon oyunu bir düzine eşya gösteriyor ve her birini olaya çeviriyor; nadirlik çerçeveleri ince bir kenar yerine tam bir ek halka kullanıyor, çünkü bu boyutta ince bir kenar hata gibi görünüyor.

Bir envanter ızgarasının ihtiyacı panel değil, döşenebilen bir kare. Buradaki her yuva 80×80 ve hepsi aynı dış ölçüde — tek istisna büyük eşyalar için iki hücrelik yuva: o 160×80 ve gerilmiş bir kare değil ayrı bir dosya, çünkü nine-slice olmayan bir yuvayı germek köşelerini bozuyor. Aralarına 84 px koy, kenarlıklar ayrı kutular dizisi değil tek bir ızgara gibi okunsun.

Hâller renkle değil yapıyla çiziliyor. Seçili yuva köşe işaretleri alıyor, kilitli yuva çapraz tarama, üzerinde olan yuva kenarlığını bir kademe kaldırıyor, engelli yuva çarpı taşıyor, bırakma hedefi ise kesikli aksan çerçeve. Bu bilinçli: envanter ekranı çoğu oyunun en gürültülü yüzeyi, her tonda eşya resminin altında duruyor, ve yalnızca kenarlık rengiyle anlatılan bir hâl, yuvada kırmızı bir kılıç durduğu anda görünmez oluyor.

Engelli ile kilitli bilerek ayrı sprite. Kilitli yuva sonra açılabilir; engelli yuva imleçteki eşyayı reddediyor. İkisini aynı çizmek, envanterin oyuncuya yanlış kuralı öğretmesiyle sonuçlanıyor. Ekipman yuvaları da aynı sebeple kare biçiminden çıkıyor — aksesuar yuvası yuvarlak, taş yuvası altıgen; yani hangi eşyanın oraya gireceğini herhangi bir ipucu balonundan önce biçim söylüyor.

Üç nadirlik çerçevesi, ailenin geri kalanındaki can, mana ve dayanıklılık renklerini yeniden kullanıyor; her biri renkli kenarlığın yanında bir köşe işareti de taşıyor — yani nadirliğe göre sıralayan bir oyuncu iki sinyal okuyor ve hiçbiri kutunun ortasındaki eşya görseliyle yarışmıyor.

Her şey düzenlenebilir SVG olarak ve 1x, 2x, 4x düz saydam PNG olarak dahil. Kutu içleri saydam, dolayısıyla ızgaranın arkasına ne render edersen pişmiş bir arka plan rengi yerine o görünüyor.

İndirme

Doğrudan bağlantı · kayıt yok · bekleme sayfası yok
ZIP indir169 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 beniokuZIP169 kB Al →
Boş kutu, düzenlenebilir SVGSVG816 B Al →
Köşe çentikli seçili kutu, düzenlenebilir SVGSVG1.2 kB Al →

Nasıl kullanılır

  1. Kutuları 84 px adımla diz — 80 px sprite artı 4 px boşluk — böylece kenarlıklar üst üste binmek yerine bir piksel arayla kalıyor.
  2. Eşya ikonunu kutunun ortasına yaklaşık 56 px olarak çiz; iç boşluk 74 px, dolayısıyla daha büyüğü kenara değer ve çerçeveyi yer.
  3. Seçili ve kilitli durumlar için renk kaplaması yerine kutu sprite'ının tamamını değiştir; köşe çentikleri ve tarama sprite'ın parçası.
  4. Nadirlik çerçeveleri boş kutunun yerine doğrudan geçiyor — aynı sınırlar, aynı girinti — yani nadirlik değişimi yerleşimi bozmayan tek bir doku takası.

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ı
"Candy Envanter Kutuları — 80px ızgara" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/candy-inventory-slots