Elle dilimlemek, hücre boyutlarını tahmin etmek, kenar boşluklarını saymak ve bir piksel kaymış kesimleri düzeltmek demektir. Kesici önce sheet'i okur: kesim çizgileri hiçbir sprite pikselinden geçmeyen eşit bir ızgara bulur ya da sheet'te ızgara yoksa her ayrı sprite'ı bağlı piksellerinden algılar. Kesimleri sheet'in üstünde görürsünüz, ayar yaptıkça animasyon oynar ve istediğiniz hücreye tıklayıp onu çıkarabilirsiniz.
Sprite Sheet Kesici nasıl kullanılır
- Saydam ya da düz renkli arka planlı bir sheet bırakın. Izgara hemen algılanır ve üstüne çizilir.
- Tahmin yanlışsa satır ve sütun sayısını ayarlayın ya da Hücre boyutu'na geçip kare boyutunu girin. Kenarlığı veya kareler arasında boşluğu olan sheet'ler için kaydırma ve boşluk değerlerini kullanın.
- Izgarasız sıkı paketlenmiş sheet'ler (eşya setleri, dekor tileset'leri) için Sprite'ları bul'u seçin. Birleştirme mesafesi, kılıç ucu gibi kopuk parçaları sprite'larına ekler.
- Hariç tutmak için sheet üzerindeki hücrelere tıklayın. Boş hücreler otomatik olarak atlanır.
- Önizlemeyi izleyin, FPS'i ayarlayın, ardından kareleri ZIP, GIF ya da Godot, Unity, Phaser veya Aseprite verili yeniden oluşturulmuş bir sheet olarak indirin.
Neler elde edersiniz
- Kareler ZIP'i: her kare kendi PNG'si olarak (ızgara modlarında hücre, Sprite'ları bul modunda sıkı bir kutu), ayrıca her birinin orijinal sheet'te nerede durduğunu listeleyen bir JSON.
- Tek tip kareler: tüm kareler eşit hücrelerde, alt-ortaya hizalı, animasyona hazır.
- Yeniden oluşturulmuş sheet: temiz aralıklarla; ayrıca Aseprite, Phaser/TexturePacker, Godot 4 ve CSS verisi ve bir GIF.
Hangi motorlara uyar
- Alt-orta hizalama, her karede ayakları aynı çizgide tutar; platform ve top-down karakterlerin ihtiyacı tam olarak budur.
- Yeniden oluşturulan sheet'in veri dosyaları Godot 4'e (SpriteFrames), Phaser 3'e (atlas) ve Unity ile Godot için Aseprite tabanlı içe aktarıcılara doğrudan yüklenir.
Onunla oyun yaparken öğrendiğimiz ipuçları
- Asset mağazalarından gelen sheet'lerde kareler arasında çoğu zaman 1px boşluk vardır. Kesim çizgileri bir piksel kayıksa Boşluk X/Y'yi 1 yapın.
- Sprite'ları bul bir karakteri parçalara ayırıyorsa her karakter tek kutu olana kadar Birleştirme mesafesini artırın.
- İki komşu sprite'ı birleştiriyorsa Birleştirme mesafesini 0'a düşürün.
- Opak fonlu sheet'ler: kareler saydam çıksın diye Arka plan rengini sil'i açın.
Kullanım alanları
- Tek bir pozu düzenlemek için asset mağazası sheet'inden tek kareler almak.
- UI veya envanter için bir ikon ya da eşya sheet'ini tek tek PNG'lere bölmek.
- Bir motorun ızgara dilimleyicisiyle çalışsın diye sheet'in aralıklarını yeniden düzenlemek.
- İlerlemenizi paylaşmak için bir sheet'i GIF'e dönüştürmek.
SSS
Otomatik ızgara algılama nasıl çalışır?
Sheet'i eşit bölen her sütun ve satır sayısını dener, kesim çizgileri sprite piksellerinden geçen ya da bir sprite'ı ikiye bölen ızgaraları reddeder ve hücrelerin çoğunun bir şey içermesini şart koşar. Testi geçen en ince ızgara kazanır. Bir atlas veya UI kitinde olduğu gibi hiçbir eşit ızgara uymazsa Sprite'ları bul'a geçer.
Sprite'larım bir ızgarada değilse ne olur?
Sprite'ları bul'u kullanın. Her bağlı piksel grubunu etiketler, birleştirme mesafesi içindeki grupları birleştirir, minimum boyuttan küçük lekeleri atar ve sonuçları okuma sırasına göre dizer (satırlar yukarıdan aşağıya, soldan sağa).
Düz arka planlı sheet'leri dilimleyebilir mi?
Evet. Arka plan rengi kenarlıktan algılanır ve algılama sırasında boş kabul edilir. Dışa aktarılan karelerin saydam olması için Arka plan rengini sil'i açın.
Dosyalarım yükleniyor mu?
Hayır. Dilimleme, algılama ve kodlamanın hepsi tarayıcınızda çalışır. Sheet cihazınızdan asla çıkmaz.
Karelere hangi dosya adları veriliyor?
Sheet'in adı artı başına sıfır eklenmiş bir sıra numarası, örneğin hero_00.png, hero_01.png; böylece her yerde doğru sıralanırlar.
Kareleri farklı bir şekilde yeniden birleştirebilir miyim?
Evet, dışa aktarma paneli istediğiniz sütun ve padding değerleriyle bir sheet'i yeniden oluşturur; sıkı paketleme, extrusion ve ikinin kuvveti boyutlar için Sprite Sheet Oluşturucu'yu kullanın.