Arayüz Paketleri

Dusk Envanter Kutuları — 48px ızgara

48×48 alacakaranlık moru envanter kutuları: boş, üzerinde, seçili ve kilitli durumlar ile üç nadirlik çerçevesi. SVG ve saydam PNG.

  • ui
  • svg
  • saydam png
  • envanter
  • kutu
  • eşya çerçevesi
  • nadirlik
  • ızgara
  • piksel sanatı
  • retro
  • 2d
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×619 önizlemesaydamlık dama deseniyle gösteriliyor

Bu paket hakkında

İkinin kuvveti bir adımda 48 piksellik bir envanter ızgarası. Kilitli durum soluk bir renk yerine çapraz tarama, çünkü koyu bir palette bir kutuyu soluklaştırmak boş durumla neredeyse aynı şeyi üretiyor.

Envanter ızgarasının panele değil, döşenebilen bir kareye ihtiyacı var: 48×48 boyutunda 7 dosya, hepsi aynı dış sınırlarla; böylece bir sıra hiçbir boşluk hesabı yapılmadan hizalanıyor. Aralarına 52 px koy, kenarlıklar ayrı kutular dizisi gibi değil tek bir ızgara gibi okunsun.

Durumlar renkle değil yapıyla çizildi. Seçili kutu köşe çentikleri alıyor, kilitli kutu çapraz tarama alıyor, üzerinde durulan kutu ise kenarlığını bir kademe yükseltiyor. Bu bilinçli: envanter ekranı çoğu oyunun en gürültülü yüzeyi, aynı anda her tondan eşya görselinin altında duruyor ve yalnızca kenarlık renginden ibaret bir durum, kutuda kırmızı bir kılıç durduğu an görünmez oluyor.

Üç nadirlik çerçevesi, ailenin geri kalanındaki hp, mp ve xp 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 indir17 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 beniokuZIP17 kB Al →
Boş kutu, düzenlenebilir SVGSVG990 B Al →
Köşe çentikli seçili kutu, düzenlenebilir SVGSVG1.4 kB Al →

Nasıl kullanılır

  1. Kutuları 52 px adımla diz — 48 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 34 px olarak çiz; iç boşluk 42 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ı.
  5. 48 px'lik kutu, 8 px kenar boşluğuyla 32 px'lik bir eşya sprite'ını alıyor; bu, 16-bit dönemi envanterlerinin çoğunun kullandığı adım ve buradaki sayıların hepsinin ikinin kuvveti olmasının sebebi.

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