Sprite Sheet Oluşturucu
Birden çok kare görselini tek bir sprite sheet'te paketle, ardından PNG'yi ve eşleşen CSS/JSON atlas verisini dışa aktar.
Yerleşim
Sütunlar
Boşluk (px)
Sınıf adı
Paketlenmiş sayfa0x0
Önizlemeyi burada görmek için birkaç kare görseli yükle.
.sprite {
background-image: url("sprite.png");
background-repeat: no-repeat;
display: inline-block;
}Bu araç hakkında
Kareler soldan sağa, yukarıdan aşağıya doğru sabit sütunlu bir ızgaraya yerleştirilir. Her satırın yüksekliği o satırdaki en uzun kareye, her sütunun genişliği ise o sütundaki en geniş kareye göre belirlenir; böylece farklı boyuttaki kareler asla üst üste binmez. Boşluk değeri hem sayfanın kenarlarına hem de her hücre arasına uygulanır.