GIF'ten Sprite Sheet'e

GIF'ler çoğu zaman yalnızca kareler arasında değişen pikselleri saklar; bu yüzden kareleri düz bir şekilde dökmek, delikli ve önceki kareden kalıntılar taşıyan sprite'lar verir. Bu dönüştürücü her kareyi, tıpkı bir tarayıcı gibi disposal yöntemiyle yeniden oynatır, böylece sheet'in her karesi eksiksiz olur. Ayrıca her karenin kendi gecikmesini korur; bu, bir pozda bekleyen animasyonlar için önemlidir.

GIF'ten Sprite Sheet'e nasıl kullanılır

1. Animasyonlu bir GIF bırakın (ya da örneği deneyin). Her kare gecikmesi ve disposal yöntemiyle çözülür.
2. Kare aralığını seçin ve uzun bir GIF'i yarıya ya da üçte bire indirmek için Her N. kareyi tut'u kullanın. Tuttuğunuz kareler atlananların süresini üstlenir, böylece hız aynı kalır.
3. Tek tek kareleri dışarıda bırakmak için şeritteki karelere tıklayın.
4. İçeriğe göre kırp, tüm kareleri tek ortak kutuyla kırpar, böylece sprite yerinde kalır. Motorunuz etrafında boşluk istiyorsa padding ekleyin.
5. GIF'te saydamlık yerine düz bir fon varsa Arka plan rengini sil'i açın.
6. Orijinal zamanlamayı ya da sabit bir FPS'i seçin, ardından sheet'i, veri dosyasını, bir GIF'i veya hepsini içeren bir ZIP'i dışa aktarın.

Neler elde edersiniz

• PNG sprite sheet: saydam, otomatik veya sabit sütunlu bir ızgarada.
• Aseprite JSON: GIF'ten alınan kare başı sürelerle; ayrıca Phaser/TexturePacker JSON, Godot 4 .tres SpriteFrames, CSS sprite'ları ve Unity dilimleme ayarları.
• Yeniden kodlanmış GIF: düzenlemelerinizden sonra, 1×–8× ölçekte.
• ZIP: yukarıdakilerin hepsi ve her kare ayrı bir PNG olarak.

Hangi motorlara uyar

• Aseprite JSON düzensiz kare sürelerini korur. Aseprite Wizard gibi Godot içe aktarıcıları ve Unity Aseprite içe aktarıcıları onu doğrudan okur.
• Godot 4 .tres kare başı göreli sürelerle sabit hız kullanır, böylece bekletilen kareler bekletilmiş kalır.
• Phaser 3: hash JSON ile atlas olarak yükleyin ve animasyonu animations altında listelenen kare adlarından oluşturun.

Onunla oyun yaparken öğrendiğimiz ipuçları

• 255 veya daha az renkli piksel sanatı GIF'ler burada kayıpsız yeniden kodlanır, çünkü araç yeniden nicemlemek yerine tam renkleri kullanır.
• İnternette bulunan birçok GIF 2× veya 3× büyütülmüş piksel sanatıdır. Araç bunu algılar ve gerçek 1× pikselleri geri getirir; bu da sheet'inizi küçük ve keskin tutar.
• 20 ms'nin altındaki GIF gecikmeleri tarayıcılarda 100 ms olarak oynatılır. Araç da aynısını yapar, böylece önizleme daha önce gördüğünüzle eşleşir.
• Yalnızca tek bir FPS kabul eden motorlar için Zamanlama'yı Sabit FPS'e alın ve bekletilen pozların hâlâ okunduğundan emin olmak için önizlemeyi kontrol edin.

Kullanım alanları

• Eski bir projeden ya da yalnızca GIF dışa aktaran bir piksel sanatı editöründen gelen GIF'i bir oyun motoruna almak.
• Bir AI animasyon aracıyla yapılmış GIF'i düzenleyip temizleyebileceğiniz karelere dönüştürmek.
• Aseprite, LibreSprite veya Photoshop'ta rötuş için bir GIF'i numaralı PNG karelere bölmek.
• Mevcut bir GIF'ten bir web sitesi için CSS sprite animasyonu yapmak.

SSS