Sprite çıkarıcı kılavuzu

Sprite Sheet Unpacker Online: Sprite Sayfalarını Anında PNG'lere Bölme

Otomatik algılama, ızgara dilimleme ve JSON/plist yapılandırma sayfalarını kullanarak model sayfalarını ve doku atlaslarını ayrı PNG çerçevelerine nasıl böleceğinizi öğrenin.

11 dk okuma • 2026-06-05

Giriş

Paketlenmiş model sayfaları, çalışma zamanı işleme verimliliği açısından hayati öneme sahiptir, ancak bu süreci tersine çevirmeniz gereken zamanlar da vardır. Oyun sanatçılarının, geliştiricilerin ve mod geliştiricilerin sık sık kareleri tek tek değiştirmeleri, eski dokuları çıkarmaları veya sayfa döşemelerini ham PNG varlıklarına bölmeleri gerekiyor.

Web tabanlı Sprite Sheet Unpacker, bunu başarmak için anında, sıfır kurulumlu bir yol sunar. Çerçeveleri manuel olarak kırpmak için image düzenleyicilerini açmak yerine, otomatik anahat algılamayı, koordinat dosyalarını veya döşeme ızgaralarını kullanarak sayfaları yükleyebilir ve saniyeler içinde bölebilirsiniz.

Bu kılavuz, doku atlaslarını çevrimiçi olarak açmak, doğru dilimleme modunu seçmek ve dışa aktarmadan önce çıkarılan kare animasyonlarını cihazda doğrulamak için iş akışını açıklamaktadır.

Doku sayfaları için temel paket açma modları

Üretime hazır bir paket açıcının, hareketli grafik sayfaları farklı şekilde oluşturulduğundan birden çok dilimleme yöntemi sunması gerekir. Izgaralar, retro döşeme haritaları için mükemmeldir; kesilmiş, ızgara olmayan atlaslar için koordinat dosyaları gereklidir.

ToolBuddy, tüm oyun varlık yapılarını kapsayacak şekilde dört dilimleme yöntemini destekler, hızı ve gizliliği korumak için dosyaları tamamen yerel bellekte işler.

  • Otomatik Algılama: Düzensiz şekilleri dilimlemek için piksel sınırlarını otomatik olarak izler.
  • Yapılandırma Ayrıştırıcı: Adlandırılmış koordinatları ayrıştırmak için JSON, plist, XML veya atlas dosyalarını okur.
  • Izgara Bölme: Sayfaları özel uzaklıklar ve kenar boşluklarıyla tek tip hücre boyutlarına böler.
  • Manuel Seçim: Özel kırpma kutularını doğrudan sayfaya çizmenize olanak tanır.

Bir model sayfasını adım adım PNG karelerine bölme

Image (PNG veya JPG) model sayfanızı hazırlayarak başlayın. Koordinat meta veri dosyanız varsa (doku paketleyicisinden dışa aktarılan bir plist veya JSON sayfası gibi), bunu image ile birlikte yükleyin. Paket açıcı, formatı otomatik olarak algılayacak ve adları tam bölgelerine göre eşleyecektir.

Hiçbir yapılandırma dosyası yoksa, sınırların ayrıştırıcısının katı şekilleri ana hatlarıyla belirtmesine veya 'Izgara' modunda hücre boyutlarını girmesine izin vermek için 'Otomatik Algıla'yı seçin. Tuval üzerindeki dilimleme çizgilerini inceleyin, ayrıntıları incelemek için kareleri seçin ve sonuçları zip paketi olarak dışa aktarın.

  • Image model sayfanızı ve isteğe bağlı koordinatlar dosyanızı yükleyin.
  • Dilimleme modunuzu seçin (Otomatik, Yapılandırma, Izgara veya Manuel).
  • Görsel etkileşimli görüntüleyicide dilimlenmiş çerçeve kutularını inceleyin.
  • Tek bir ZIP klasöründe paketlenmiş olarak çıkartılan kareleri indirin.

Yerleşik animasyon oynatıcıyla hareketli görüntülerin doğrulanması

Çerçeveleri paketinden çıkarmak işin yalnızca yarısıdır; ayrıca sorunsuz bir şekilde geçiş yaptıklarını da onaylamanız gerekir. Etkileşimli tuval oynatıcı, çıkarılan kareleri bir animasyon döngüsünde derlemenize ve kaydetmeden önce oynatmayı doğrulamanıza olanak tanır.

FPS kaydırıcısını ayarlayarak ve döngü durumlarını önizleyerek, eksik kareleri veya kayıt ofsetlerini doğrudan tarayıcıda yakalayabilir ve motor içe aktarma deneme yanılma sürecini ortadan kaldırabilirsiniz.

  • Çıkarılan kareler için görsel animasyon döngüsü derleyicisi.
  • Ayarlanabilir oynatma hızı (FPS) ayarları.
  • Kaydırma ve yakınlaştırma özelliklerine sahip etkileşimli önizleme kutusu.

Koordinat dosyası formatlarını anlama

Meta veri sayfaları, hareketli grafik adlarını sınırlayıcı kutularla eşleyen talimatlar içerir. Tersine mühendislik varlıklarıysanız, hangi formata sahip olduğunuzu bilmek ayrıştırıcı uyarılarının çözümlenmesine yardımcı olur.

ToolBuddy, Cocos2d için plist sayfalarını, Phaser ve PixiJS için JSON Hash/Array'i, Starling için XML sayfalarını ve Spine için metin atlas dosyalarını destekleyerek koordinat doğruluğu sağlar.

Paket açma işlemini varlık hattınıza entegre etme

Sayfaların paketten çıkarılmasının ardından genellikle optimizasyon gelir. Çıkarılan karelerin boyutunun küçültülmesi gerekiyorsa bunları Image Kompresör aracılığıyla yönlendirebilirsiniz. Bunları yeniden düzenlemeniz gerekiyorsa temiz, optimize edilmiş sayfalar oluşturmak için bunları Texture Packer'a yeniden aktarın.

Bu yardımcı programların bağlanması, eksiksiz bir varlık yönetimi akışı sağlayarak tasarım yineleme döngünüzün hızlı, düzenli ve tamamen yerel çalışmasını sağlar.

FAQ

Bu iş akışını tamamladıktan sonra okuyucuların sorduğu genel takip soruları.

JSON veya plist dosyası olmadan bir hareketli grafik sayfasını paketinden çıkarabilir miyim?

Evet. Bir meta veri dosyanız yoksa, şekil sınırlarını otomatik olarak izlemek için 'Otomatik Algılama' modunu kullanın veya karakterler tek tip döşemeler halinde düzenlenmişse 'Izgara' modunu kullanın.

Araç hangi meta veri sayfası formatlarını ayrıştırıyor?

Paket açıcı, JSON (Hash/Array), plist (Cocos), XML (Starling/Sparrow), CSS sayfalarını ve Spine .atlas metin dosyalarını ayrıştırır.

Paketi çevrimiçi açmak için bir dosya boyutu sınırı var mı?

Hayır. Dosyalar, sunucuya yükleme yapılmadan tarayıcı belleğinde yerel olarak işlendiğinden, büyük doku sayfalarını (4096×4096'ya kadar ve üzeri) anında paketten çıkarabilirsiniz.