Uçma sprite animasyonu

Uçan karakterler için havada süzülme ya da kanat çırpma döngüsü.

PNG sprite sheet + JSON kare verisi. Ticari oyunlar dahil her proje için ücretsiz.

Özellikler

Kare: 6
Önerilen FPS: 8
Kare boyutu: 88×30
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

Uçma 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: 6, Vertical: 1, select all 6 frames.
$AnimatedSprite2D.sprite_frames.set_animation_speed("fly", 8)
$AnimatedSprite2D.sprite_frames.set_animation_loop("fly", true)
$AnimatedSprite2D.play("fly")
# Project Settings > Rendering > Textures > Default Texture Filter = Nearest

Unity

// Texture: Sprite Mode = Multiple, Filter = Point, Compression = None
// Sprite Editor > Slice > Grid By Cell Size: 88 x 30
// Drag all 6 sprites into the scene to create the clip, then:
// Animation window > Samples = 8, Loop Time = on

Phaser 3

this.load.spritesheet("fly", "fly.png", { frameWidth: 88, frameHeight: 30 });
// in create():
this.anims.create({
  key: "fly",
  frames: this.anims.generateFrameNumbers("fly", { start: 0, end: 5 }),
  frameRate: 8,
  repeat: -1,
});
player.play("fly"); // 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 Uçma 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.

Diğer hareketler