Ana içeriğe atla
GÖRSEL → HAREKETLİ SPRITE

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

ANİMASYON TALİMATI
0/1500

03Çıktı ayarları

OYUNA HAZIR
Referans görsel · 25 kare · 2s · Standart · 512 × 512Ayarla +Daralt −
Animasyon başlangıcı:
Toplam kare
Kalite
Başlamak için bir karakter yükleyin.

Bir 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.

Karakter görseli
Karakter görseli
Animasyon · 13 kare · 1,04 saniye
Animasyon · 13 kare · 1,04 saniye
Sprite sayfası · 3072 × 3072
Sprite sayfası · 3072 × 3072

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.

3 adımda bir yapay zeka sprite animasyonu oluşturun

  1. 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.

  2. 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.

  3. 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.

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.