Yürüme döngüsü sprite animasyonu
Bir klasik. Yürüme döngüsü iki adımı döngüye sokar: her ayak için temas, alçalma, geçiş, yükselme. Bizimki temas karelerinde ayakları yere sabitler, böylece karakter kaymaz.
PNG sprite sheet + JSON kare verisi. Ticari oyunlar dahil her proje için ücretsiz.
Özellikler
- Kare
- 8
- Önerilen FPS
- 9
- Kare boyutu
- 42×68
- Tür
- Döngü
- Görünüm
- Yandan görünüm
Karakterini bu harekete yerleştir
Bir karakteri tarif et ya da yükle; onu tam bu hareketin üzerine giydirelim: aynı zamanlama, aynı ayak temasları, senin çizimin.
Maliyet: 10 kredi
Yürüme döngüsü animasyonunu motorunda kullan
Sheet, boşluksuz ve eşit boyutlu karelerden oluşan tek bir satırdır (ya da birkaç satır); bu yüzden her motor onu kare boyutuna göre bölebilir. Aşağıda en yaygın motorlar için minimum kurulum var; bu hareketin kare sayısı, boyutu ve kare hızı zaten doldurulmuş durumda.
Bu döngüsel bir hareket: animasyonu döngüye al, kesintisiz tekrar etsin.
Godot 4
# AnimatedSprite2D > SpriteFrames > "Add frames from sprite sheet"
# Horizontal: 8, Vertical: 1, select all 8 frames.
$AnimatedSprite2D.sprite_frames.set_animation_speed("walk", 9)
$AnimatedSprite2D.sprite_frames.set_animation_loop("walk", true)
$AnimatedSprite2D.play("walk")
# Project Settings > Rendering > Textures > Default Texture Filter = Nearest Unity
// Texture: Sprite Mode = Multiple, Filter = Point, Compression = None // Sprite Editor > Slice > Grid By Cell Size: 42 x 68 // Drag all 8 sprites into the scene to create the clip, then: // Animation window > Samples = 9, Loop Time = on
Phaser 3
this.load.spritesheet("walk", "walk.png", { frameWidth: 42, frameHeight: 68 });
// in create():
this.anims.create({
key: "walk",
frames: this.anims.generateFrameNumbers("walk", { start: 0, end: 7 }),
frameRate: 9,
repeat: -1,
});
player.play("walk"); // with pixelArt: true in the game config Kare kare
Manken sheet'inin tüm kareleri, sırasıyla. Kendi karelerini çizerken zamanlama referansı olarak ya da oynanışın tepki vermesi gereken kareyi seçmek için kullan.
Bu hareketle ilgili sorular
Manken sheet'ini ticari bir oyunda kullanabilir miyim?
Evet. Manken sprite sheet'leri ticari projeler dahil her projede ücretsiz kullanılabilir. Kaynak göstermen makbule geçer ama zorunlu değil.
Kendi karakterimi bu Yürüme döngüsü animasyonuna nasıl koyarım?
Oluşturucuyu aç, karakterini tarif et ya da yükle ve bu hareketi seç. Yapay zeka karakterini tamamen aynı zamanlama ve pozlara giydirir; böylece sonuç mankenle kare kare örtüşür.
Karelerim motorda neden bulanık?
Motorun dokuyu filtreliyor. Her piksel keskin kalsın diye filtreyi Nearest (Godot), Point (Unity) ya da pixelArt: true (Phaser) olarak ayarla.