İçeriğe geç

Sprite Atlas Paketleyici

Bir sprite klasörü bırak; sıkıca paketlenmiş tek bir doku ve motoruna her sprite’ın nerede olduğunu söyleyen bir veri dosyası al. Hiçbir şey cihazından çıkmaz.

Cihazında oluşturulur. Görsellerin asla yüklenmez.

  • Asla yüklenmez
  • PNG ve veri dosyası
  • Bütün bir klasör aynı anda

Nasıl çalışır

Sprite’lar bir atlasa nasıl paketlenir

  1. 1. adım: Sprite’larını ekle

    Görselleri seç, bırak ya da yapıştır; ya da içinde bulundukları klasörü bırak. Hepsi farklı boyutta olabilir.

  2. 2. adım: Paketlemeyi seç

    Boşluğu ayarla, boş kenarları kırp ve motorunun okuduğu veri dosyasını seç. Sayfa sen ayarladıkça güncellenir.

  3. 3. adım: ZIP’i indir

    İçinde atlas PNG’si ve her sprite’ın nerede olduğunu söyleyen dosya bulunur.

Sprite Atlas Paketleyici

Yüz dosya yerine tek doku

  • Sıkı paketleme

    Her boyuttan sprite, çok az boşluk bırakacak şekilde yerleştirilir; asla döndürülmez, asla yeniden boyutlandırılmaz.

  • Boş kenarları kırpar

    Her sprite’ın çevresindeki boş alan çıkarılır ve kaydedilir; atlas küçülür, hiçbir şey yerinden oynamaz.

  • Motorunun okuduğu veri

    Phaser, PixiJS ve motor içe aktarıcıları için JSON ya da dokuyu senin yerine dilimleyen bir Unity .meta dosyası.

  • Asla yüklenmez

    Her şey tarayıcında gerçekleşir; resimlerin cihazında kalır.

Ayrıntılı olarak

Uygulamada sprite atlasları

Atlas ne işe yarar

Bir oyunun çizdiği her ayrı görsel, ekran kartına bir doku değişimine mal olur. Birçok sprite’ı tek bir görselde, yani atlasta toplamak motorun onları birlikte çizmesini sağlar; bu, yüz küçük dosyadan daha hızlı çalışır ve daha çabuk yüklenir.

Paketleyici farklı boyutlardaki sprite’ları, en büyükten başlayarak yapboz gibi birbirine yerleştirir ve her birinin nereye geldiğini yazar. Sprite’lar asla döndürülmez ya da ölçeklenmez; tam çizdiğin gibi görünürler.

Önemli ayarlar

  • Boşluk: sprite’lar arasındaki 1 ya da 2 boş piksel, doku ölçeklendiğinde ya da filtrelendiğinde bir sprite’ın kenarının komşusunda görünmesini önler.
  • Boş kenarları kırp: her sprite’ın çevresindeki boş çerçeveyi dışarıda bırakır. Veri dosyası ne kadar çıkarıldığını kaydeder; sprite yine eski yerinde durur.
  • İkinin kuvveti boyut: sayfayı 256, 512, 1024 gibi değerlere yuvarlar. Modern motorların buna nadiren ihtiyacı olur; bazı mobil ve web hedefleri hâlâ tercih eder.
  • Adlar: her sprite, uzantısı olmadan dosyasının adını alır; dosyaları kodda nasıl anmak istiyorsan öyle adlandır.

Veri dosyaları

JSON, ada göre kareler, TexturePacker’ın yaygınlaştırdığı düzendir. Phaser ve PixiJS doğrudan yükler; Godot, GameMaker ve diğer motorların çoğu için içe aktarıcılar vardır. JSON, kare listesi aynı veriyi sıralı bir liste olarak tutar.

Godot (.tres), her sprite için kendi adını taşıyan bir AtlasTexture dosyası yazar. Dosyaları PNG ile aynı klasörde projene kopyala ve herhangi birini doku olarak kullan, örneğin bir Sprite2D üzerinde. İçe aktarıcı eklenti gerekmez; kırpılan sprite’lar özgün boyutlarını korur.

Unity (.png.meta), Unity’nin kendi içe aktarma dosyasıdır. PNG’nin yanına projeye kopyala; doku, piksel sanatının gerektirdiği gibi nokta filtrelemeyle ve sıkıştırmasız, adlandırılmış sprite’lara dilimlenmiş olarak gelir.

Sprite Atlas Paketleyici

Sık sorulan sorular

Görsellerim bir yere yükleniyor mu?

Hayır. Her şey tarayıcında, kendi cihazında çalışır. Görsellerin Moriqa'ya ya da başka birine asla gönderilmez; sayfayı kapattıktan sonra hiçbir şey saklanmaz.

Sprite atlası nasıl yaparım?

Sprite’larını ekle, bir boşluk ve bir veri dosyası seç ve ZIP’i indir. İçinde atlas görseli ve verisi bulunur.

Atlas ne kadar büyük olabilir?

En fazla 4096 × 4096 piksel (güncel her cihazın yükleyebildiği bir boyut) ve en fazla 1000 sprite. Sprite’lar sığmazsa araç bunu söyler.

Bunun sprite sheet’ten farkı ne?

Sprite sheet genellikle tek bir animasyonun eşit karelerinden oluşan bir ızgaradır. Atlas ise her boyuttan görseli sığdığı yere paketler ve okunabilmesi için veri dosyasına ihtiyaç duyar.

Yer kazanmak için sprite’larım neden döndürülmüyor?

Döndürülmüş sprite’lar biraz daha sıkı paketlenir, ama birçok içe aktarıcı bunu desteklemez. Her sprite’ı dik bırakmak atlasın her yerde okunmasını sağlar.

Bir animasyonun karelerini paketleyebilir miyim?

Evet. Dosyaları walk_01 ve walk_02 gibi sırayla adlandır; veri dosyasında bu adları korurlar. Eşit karelerden oluşan düz bir ızgara içinse Sprite Sheet’ten GIF’e aracını kullanıp sprite sheet olarak kaydet.

Sprite’ları hâlâ çiziyor musun?

Onları çizip canlandırmak için Moriqa’nın piksel sanatı editörünü aç, sonra Godot, Unity ve GameMaker için sprite sheet olarak dışa aktar. Tarayıcında, ücretsiz.