Videodan Sprite Sheet'e

Çoğu videodan sheet'e dönüştürücü kareleri sabit aralıklarla alıp orada durur. Tek seferlik bir efekt için bu yeterlidir. Yürüme döngüsünde ise döngü noktasında takılan bir sheet, her konturda yeşil bir hale ve her kare ayrı kırpıldığı için titreyen bir karakter elde edersiniz. Bu araç bu üç sorunu sizin için çözer: hareketin periyodunu bulur, fonu kenar despill ile temizler ve her kareyi tek ortak kutuyla kırpar.

Videodan Sprite Sheet'e nasıl kullanılır

1. Bir MP4, WebM veya MOV bırakın. Düz yeşil, macenta, mavi ya da beyaz fon önünde çekilmiş veya render edilmiş bir karakter en temiz sonucu verir. Alfa kanallı WebM, Chrome ve Edge'de saydamlığını korur.
2. İstediğiniz bölümün başını ve sonunu (en fazla 30 saniye) ve yakalama boyutunu ayarlayın, ardından Kareleri çıkar'a basın. Klip bir kez oynatılır ve çözülen her kare yakalanır.
3. Hareket tekrarlanıyorsa araç tam bir döngü bulup seçer. Sheet'te kaç kare olacağını seçin; kareler döngü boyunca eşit dağıtılır ve kapanış karesi dışarıda bırakılır, böylece döngü takılmaz.
4. Arka plan key'ini kontrol edin. Otomatik mod fon rengini kare kenarından okur. Yanlış bulursa kaynak karede fona tıklayın. Sonuç canlı güncellenirken toleransı, kenar yumuşaklığını, despill'i ve 1px küçültmeyi ayarlayın.
5. Maks. kare boyutunu belirleyin; sert kenarlar ve tüm kareler için tek ortak palet istiyorsanız Pikselleştir'i açın.
6. PNG sheet'i Aseprite, Phaser/TexturePacker, Godot veya CSS verisiyle, animasyonlu GIF olarak ya da hepsini ve tek tek kareleri içeren bir ZIP olarak dışa aktarın.

Neler elde edersiniz

• PNG sprite sheet: saydam arka planlı, ızgara düzeninde (otomatik veya sabit sütun, isteğe bağlı boşluk).
• Kare verisi: Aseprite JSON, Phaser/TexturePacker JSON (hash veya array), Godot 4 SpriteFrames .tres, adımlı keyframe animasyonlu CSS sprite sınıfları veya Unity dilimleme ayarları.
• Animasyonlu GIF: herhangi bir tam sayı ölçekte, saydam ya da siyah/beyaz zemin üzerinde.
• ZIP: sheet, GIF, tüm veri formatları ve her kare ayrı bir PNG olarak.

Hangi motorlara uyar

• Godot 4: PNG'yi ve .tres dosyasını aynı klasöre bırakın, ardından SpriteFrames'i bir AnimatedSprite2D'ye atayın. PNG başka bir yerdeyse ilk satırdaki res:// yolunu düzenleyin.
• Unity: PNG'yi Sprite (Multiple) olarak içe aktarın, Filter Mode'u Point yapın ve Unity ayar dosyasındaki sayılarla Grid By Cell Size kullanarak dilimleyin.
• Phaser 3 ve PixiJS: PNG'yi TexturePacker JSON (hash) ile atlas olarak yükleyin. JSON, animasyonun kare adlarını da sırayla listeler.
• GameMaker, Defold, Construct, RPG Maker: PNG'yi dışa aktarma ayarlarının altında gösterilen kare boyutuyla şerit veya ızgara olarak içe aktarın.

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

• Karakterde bulunmayan bir renk önünde çekin veya render edin. Yeşil giyinmiş kahramanlar için en güvenlisi macenta; kırmızı ya da pembe her şey için yeşil.
• Karakterin etrafında pay bırakın. Bir uzuv kadrajdan çıkarsa ortak kırpma onu geri getiremez.
• Yürüme ve koşma döngülerinde 10–12 fps'de 8 kare, 32–64 px'te iyi okunur. Idle animasyonları, Animation Previewer'da Ping-pong ile 4–6 kare kullanabilir.
• Key'den sonra konturlarda renk tonu kalıyorsa Kenar yumuşaklığını biraz artırın ve Despill'i açık tutun. 1px küçült'ü yalnızca renkli bir halka kaldığında açın.
• Oyundaki nihai boyutta pikselleştirin. 512 px'lik bir kareyi tek ortak paletle 48 px'e küçültmek, zaten pikselleştirilmiş bir sheet'i ölçeklemekten çok daha iyi görünür.

Kullanım alanları

• Rotoskop referans çekimlerini bir prototip için geçici animasyona dönüştürmek.
• Bir AI video modelinin yeşil ekran önündeki karakter çıktısından döngülü bir hareket çıkarmak.
• Render hattı kurmadan bir Blender veya Spine render'ını sprite sheet'e dönüştürmek.
• Video olarak render edilmiş efektleri (duman, büyü, su) oyuna sprite sheet olarak almak.

SSS