Sprite animasyon hazırlığı

Birden çok sprite'ı sıralı oynatmak için slice'lamayı öğrenirsin.

Sprite animasyon hazırlığı ve Slice

2D oyunlarda karakter animasyonları genellikle birden çok karenin tek bir görselde toplandığı Spritesheet dosyalarıyla hazırlanır. Sprite Mode Multiple yapıldıktan sonra Sprite Editor penceresinde Slice (Dilimleme) işlemi uygulanır.

// Spritesheet içindeki dilimlenmiş tüm alt kareleri yükleme
Sprite[] walkFrames = Resources.LoadAll<Sprite>("HeroWalkSheet");

Slice işlemi, görseli eşit ızgaralara veya piksel sınırlarına göre parçalara böler.

Kareler ve Animasyon Akışı

Dilimlenen kareler (frames), Project penceresinde ana dosyanın altında alt ögeler olarak listelenir. Bu kareler sırayla oynatıldığında kare kare (frame-by-frame) klasik 2D animasyon hissi oluşturulur.

// İlk animasyon karesini görüntüleme
Sprite currentFrame = walkFrames[0];
sr.sprite = currentFrame;

Sprite'ların pivot noktalarının her karede aynı yerde (örneğin ayak tabanında) olması titremeyi engeller.

Uygulama Animasyon kare sayısını yazdır

totalFrames değişkenine 8, animName değişkenine "Run" değerini ata. Ekrana Animation: Run | Frames: 8 yazdır.

Örnek çözümü göster

using System;

class Program
{
    static void Main()
    {
        int totalFrames = 8;
        string animName = "Run";
        Console.WriteLine("Animation: " + animName + " | Frames: " + totalFrames);
    }
}

Kendini test et

Tek bir Spritesheet görselini bağımsız animasyon karelerine bölme işlemine ne ad verilir?
- Extrude (Yükseltme)
- Rigging (İskeletleme)
- Slice (Dilimleme)
- Baking (Pişirme)
Cevabı göster

Slice (Dilimleme) — Slice, bir spritesheet içindeki kareleri ayrı ayrı bağımsız sprite varlıklarına dönüştürür.

Çoklu sprite karelerini yükle

Sprite[] frames = Resources.____<Sprite>("KnightRun");

Cevabı göster

Sprite[] frames = Resources.LoadAll<Sprite>("KnightRun");

Animasyon hazırlık terimleri

Spritesheet

Animasyon karelerini toplayan resim
Sprite Editor

Görsel dilimleme ve pivot aracı
Slice

Görseli bağımsız karelere ayırma
Frame

Animasyondaki tek bir anlık kare

Sıradaki ders: Özet - 2D Sprite

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler