Sprite Sayfası Oluşturucu ve Üretici
Burada tek bir karakter görselini hareketlendirin veya aşağıdaki ücretsiz PNG ve video araçlarımızı kullanın.
01Karakter
Düz beyaz arka planda, net ve tam boy bir karakter görseli kullanın.02Hareketi tasarlayın
03Çıktı ayarları
OYUNA HAZIRBir karakter görselinden yürüme animasyonuna
Gerçek bir SpriteFrame örneği: bir karakter görseli yükleyin ve bir animasyon oluşturmak için Yürüme hazır ayarını seçin.



Oluşturma ayarları: Referans görsel · 2 saniye · HD · 25 kare · kare başına 768 × 768.
Kenar düzeltme varsayılan olarak %100 oranında etkindi. Döngü optimizasyonu öneri 1 ile manuel olarak etkinleştirildi ve 25 karenin 13'ü korundu. Bu, gerçek bir oluşturma örneğidir.


Hareket etmek için ← → / A D · Zıplamak için ↑ / W · Duraklatmak / devam ettirmek için Boşluk tuşu · Çıkmak için Esc.
Çevrimiçi sprite sheet nasıl oluşturabilirim?
Üç yöntemle sprite sheet oluşturabilirsiniz: AI ile bir karakter görselini canlandırın, mevcut PNG karelerini birleştirin veya MP4 videodan kareler çıkarın. Temel PNG ve MP4 dönüştürme hesap olmadan ücretsizdir; AI animasyonu için hesap ve kredi gerekir.
Bir karakter görselini canlandırın
Bir karakter görseli yükleyin, bir hareket tarif edin ve animasyon kareleri oluşturun. Bu seçenek bir hesap ve kredi gerektirir.
PNG karelerini birleştirin
Mevcut PNG karelerinizi getirin, sıralarını düzenleyin, hareketi önizleyin ve bir sayfa olarak dışa aktarın. Temel dönüştürme için hesap gerekmez.
MP4'ten kareleri çıkarın
Bir klip ve kare sayısı seçin, tarayıcınızda kareleri çıkarın ve ardından bunları bir sprite sayfasına dönüştürün.
3 adımda bir yapay zeka sprite animasyonu oluşturun
Karakteri ve eylemi hazırlayın
Öznenin etrafında boşluk olan net bir karakter görseli kullanın. Tam vücut hareketi için ayaklar görünür şekilde başlayın. Bakış yönünü ve sabit bir kamerayı da belirterek bir eylem seçin veya tarif edin. Temiz bir arka plan, dış hatların incelenmesini kolaylaştırır.
Oluşturun, ardından kareleri inceleyin
Yapay zeka animasyonu bir video üretir, seçtiğiniz toplam kare sayısını ayıklar ve arka planı kaldırır. Animasyonu ve sahne önizlemesini gözden geçirin, ardından istenmeyen pozları kaldırmak veya bağımsız kareleri ayarlamak için kare düzenleyiciyi açın. Yapay zeka sonuçları manuel temizlik gerektirebilir.
Kullanım amacına uygun şekilde dışa aktarın
Oyun varlıkları için kare ve zamanlama referansı olarak JSON içeren PNG sprite sayfaları veya PNG dizisi kullanın. Paylaşmak amacıyla hızlı bir animasyon önizlemesi için GIF kullanın. Oynatma ve oynanış davranışını oyun motorunuzda ayarlayın; dışa aktarılan dosya hareket, çarpışma veya tam bir oyun projesi içermez.
Sprite'ları oyunda kullanmadan önce bu detayları kontrol edin
Döngü sınırında görünür bir sıçrama
Son ve ilk pozları karşılaştırın. Önerilen döngü aralıklarını deneyin ve her birini önizleyin; önerilen bir aralık garanti değil, bir başlangıç noktasıdır. Saldırı ve ölüm animasyonları, döngüler yerine tek seferlik eylemler olarak daha iyi çalışabilir.
Dış hat çevresindeki arka plan rengi
Ayrıştırılmış kareleri açık ve koyu önizleme arka planlarında inceleyin. Kenar düzeltme kalan arka plan rengini azaltabilir; manuel silme ve geri yükleme ise bölgesel hatalara yardımcı olur. Değişiklikleri tüm karelere uygulamadan önce ince saçları, dış hatları ve açık renkli giysileri kontrol edin.
Küçük boyutlarda detaylar kayboluyor
Oyunda kullanacağınız boyutta önizleyin. Daha küçük kareler daha az piksel içerir, bu nedenle ince detaylar kaybolabilir. İllüstrasyon sprite'ları için yumuşak ölçeklendirmeyi veya piksel sanatı için piksel ölçeklendirmeyi seçin ve dışa aktarmadan önce sonucu orijinaliyle karşılaştırın.
Dışa aktarmadan önce hareketi önizleyin
PNG ve video çalışma alanlarında kare sırasını inceleyin, benzer komşu kareleri kaldırın, bir döngü bulun ve dışa aktarma boyutunu seçin. Mevcut PNG şeffaflığı korunur. Yapay zeka ile kesmeyi seçmediğiniz sürece video arka planları korunur. ZIP dosyası, oyun motorunda oynatmayı ayarlayabilmeniz için JSON zamanlama verilerini içerir.
Sonucu oyun motorunuzda kullanın
PNG'yi dışa aktardıktan sonra sayfayı dilimleyin ve motorunuzun içinde oynatmayı ayarlayın. SpriteFrame'in JSON dosyası, referans olarak kare sırasını ve zamanlamasını sağlar; motor proje dosyaları oluşturmaz.
Godot sprite sayfası kılavuzuUnity sprite sayfası kılavuzuTexturePacker ile karşılaştırın
Sıkça sorulan sorular
Bir hesaba ihtiyacım var mı?
PNG karelerini birleştirmek veya MP4'ten kareleri çıkarmak için hesap gerekmez. Yapay zeka animasyonu ve yapay zeka ile kesme için bir hesap ve kredi gerekir.
Hangi kısımlar ücretsiz?
Kendi PNG veya MP4 dosyalarınızdan sprite sayfası oluşturmak, önizlemek ve dışa aktarmak ücretsizdir. Yapay zeka özellikleri çalıştırılmadan önce kredi maliyetini gösterir.
Dosyalarım yükleniyor mu?
Temel PNG ve MP4 işleme işlemleri tarayıcınızda gerçekleşir. Yapay zeka ile kesme, seçtiğiniz kareleri yükler; yapay zeka ile animasyon ise karakter görselinizi de yükler.
Kaç kare kullanabilirim?
PNG ve video araçları tek seferde 120 kareye kadar destekler. Yapay zeka animasyon paneli kullanılabilir çıktı kare sayılarını gösterir.
Neler indirebilirim?
PNG sprite sayfalarını veya JSON zamanlama verilerine sahip numaralandırılmış PNG karelerini indirin ya da paylaşmak için bir GIF dışa aktarın. PNG yumuşak şeffaflığı korur; GIF sınırlı renklere sahiptir ve kısmen şeffaf kenarları korumaz.
Çıktıyı bir oyunda kullanabilir miyim?
Dışa aktarılan içeriği oyun iş akışınıza aktarabilirsiniz. Girdi varlıklarınızın haklarına sahip olmanız gerekir; yapay zeka tarafından oluşturulan içerikler ise model sağlayıcılarının şartlarına tabidir.