Düzgün olmayan hareketli grafik boyutlarına sahip hareketli grafik sayfalarını nasıl işleyebilirim?

Düzgün olmayan hareketli grafik boyutlarına sahip bir hareketli grafik sayfası için, her bir hareketli hareketli grafik için sınırlayıcı dikdörtgenleri nasıl alabilirim (yani aşağıdaki görüntüdeki mavi kutular / yalnızca birkaç örnek çizdim)?

Ne belirlemek istiyorum: offset_x, offset_y, width, height

Şimdiye kadar, sadece tüm spriteların aynı boyutlara sahip sprite sayfaları kullandım . Bu durumda, sadece belirli bir hareketli grafiği almak için x ve y ofsetini belirtmeniz gerekir. Bununla birlikte, düzgün olmayan boyutlardaki sprite sayfaları için bu işe yaramaz.

EDIT: Yorumlar ve cevapları okuduktan sonra, wrt daha kapsayıcı hale getirmek için sorumu yeniden ifade ettim. bir oyunda sprite sayfası kullanma süreci. Daha önce, soru, insanların neden eşit olmayan boyutlarda sprite sayfaları ürettiklerini ve bununla nasıl başa çıkabileceğimi içeriyordu.

Özdeş olmayan boyutlardaki çoğu hareketli grafik sayfası genellikle hareketli grafiğin çapasının bulunduğu bir tür meta verilere sahiptir. Tam alfa piksellerini çıkarmak ve size bu verileri manuel olarak oluşturmamak için ihtiyacınız olan verileri vermek gibi birçok araç vardır.

Bu meta verilere sahip değilseniz, bunu kendiniz yazmanız gerekir. En doğru yol, sorunuzda söylediğiniz yöntemdir, sadece elle yapmaktır. Biraz zaman alabilir, ancak muhtemelen yeni sprite yapmaktan daha hızlıdır.

Her hareketli grafiğin sınırlayıcı dikdörtgenlerini bulmak için görüntü üzerinde analiz gerçekleştirebilir, sınırlayıcı dikdörtgenleri sıralayabilirsiniz (belki de minimum X, sonra Y'yi artırarak) ve hareketli grafik sayfasının çerçevelerine karşılık gelen bir dizi sınırlayıcı bölgeye sahip olacaksınız.

Bu işlem nispeten pahalı olabileceğinden, muhtemelen bunu çevrimdışı yapmak istersiniz, örneğin oyununuz için oluşturma işleminin bir parçası olarak. Daha sonra sınırlayıcı bölge bilgilerini karşılık gelen hareketli grafik sayfası görüntüsüyle depoladığınız bir dosyaya serileştirebilirsiniz. Çalışma zamanında hem görüntüyü hem de sınır tanım dosyasını yüklersiniz ve her bir hareketli grafiğe erişmek için gereken bilgilere sahip olursunuz.

Ancak bunu söylemek yapmaktan daha kolay. Esasen , makine görme sorunları olan özellik algılama ve özellikle damla algılama yapmak isteyeceksiniz . Ayrıca görüntüyü eşleştirebilir (siyah beyaza) ve bir kenar algılama tekniği kullanabilirsiniz . Bu tekniklerin ardındaki ilgili matematik, bu bağlantılarda benden çok daha iyi açıklanıyor ve bu matematiği kendiniz uygulamaktan hoşlanmıyorsanız, size yardımcı olabilecek birkaç kütüphane var. Aşağıdaki bağlantılar benim için en umut verici görünüyordu:

• AForge bir makine görme bileşenine sahiptir (C # için); İşte alakalı bir kullanım örneği
• OpenCV ( C # sarıcılı bir C ++ kütüphanesi )
• Bu iş parçacığı OpenCV için C # sarıcı için bir damla algılama kitaplığı sağlar.

Bu tür üniform olmayan sprite sayfası için kendi aracımı yaptım. Ofsetlerin düzenlenmesine izin verir, vb. İşte size bir fikir vermek için bir ekran görüntüsü:

Tekstüre göz atın

http://www.texturepacker.com/

Bunun gibi bir dosya çıkarır (tercih ettiğiniz ayarlara bağlı olarak)

    {
    "filename": "image_front_1",
    "frame": {"x":1,"y":160,"w":34,"h":52},
    "rotated": false,
    "trimmed": false,
    "spriteSourceSize": {"x":0,"y":2,"w":36,"h":40},
    "sourceSize": {"w":36,"h":40}
},
{
    "filename": "image_front_2.png",
    "frame": {"x":36,"y":160,"w":34,"h":52},
    "rotated": false,
    "trimmed": false,
    "spriteSourceSize": {"x":0,"y":0,"w":36,"h":42},
    "sourceSize": {"w":36,"h":42}
},
{
    "filename": "image_front_3.png",
    "frame": {"x":71,"y":160,"w":34,"h":52},
    "rotated": false,
    "trimmed": false,
    "spriteSourceSize": {"x":0,"y":0,"w":34,"h":52},
    "sourceSize": {"w":36,"h":42}
},
{
    "filename": "image_front_4.png",
    "frame": {"x":106,"y":160,"w":34,"h":52},
    "rotated": false,
    "trimmed": false,
    "spriteSourceSize": {"x":0,"y":0,"w":34,"h":52},
    "sourceSize": {"w":36,"h":42}
}

Bu verileri kullanarak, ayrı ayrı dikdörtgenleri görüntüden kolayca alabilirsiniz.

spritebuddy.com benim için harika çalıştı. Sitenin kendisinde herhangi bir yardım bulunamadı, ancak bu Google Grupları gönderisi bunu gerçekten iyi açıklıyor. Spritelarınızın sınırlarını otomatik olarak tahmin eder, ayarlamanıza izin verir ve onları animasyon dizileri halinde düzenlemenizi sağlar. Sonra tüm bunlar için JSON veya XML'de bir meta veri dosyası verir. Sonra tek yapmanız gereken doğru sınırlayıcı dikdörtgenleri almak için oyununuzdaki veri dosyasını ayrıştırmaktır.