Sprite Sheet Oluşturucu
Görüntüleri sprite sheet'te birleştirin, sürükleyerek yeniden sıralayın, ızgara düzeni, dolgu, ölçek modları. JSON atlas verileriyle PNG/WebP/JPG olarak dışa aktarın.
Sprite sayfası nedir ve neden kullanılır?
Sprite sayfası, bir ızgarada düzenlenmiş birden fazla küçük görüntü (sprite) içeren tek bir görüntü dosyasıdır. Sprite sayfaları kullanmak HTTP isteklerini azaltır, sayfa yükleme performansını iyileştirir ve oyun oluşturmayı daha verimli hale getirir.
Hangi görüntü formatları desteklenir?
PNG, JPG, GIF, SVG ve WebP görüntülerini yükleyebilirsiniz. Araç, hızlı iş akışı için toplu yükleme ve panodan yapıştırma (Ctrl+V) desteği sunar.
Hangi dışa aktarma formatları kullanılabilir?
Sprite sayfalarını PNG (şeffaflık ile), WebP (daha küçük dosya boyutlu modern format) veya JPG (şeffaflık olmayan fotoğraflar için en iyi) olarak dışa aktarın. Hedef platform gereksinimlerinize göre seçin.
Sprite sayfasındaki görüntüleri nasıl yeniden sıralarım?
Görüntü küçük resimlerini sürükleyip bırakarak sprite sayfasındaki konumlarını yeniden sıralayın. Ctrl+V kullanarak panodan doğrudan görüntü de yapıştırabilirsiniz.
JSON atlas verileri nedir ve hangi motorlar destekler?
JSON atlas verileri, her sprite için konum, boyut ve çerçeve bilgilerini içerir. Phaser, PixiJS, Unity, Cocos2d gibi popüler oyun motorları ve çerçeveleriyle otomatik sprite çıkarma için uyumludur.
Farklı ölçek modları nelerdir?
Sığdır en-boy oranını korur. Doldur hücreyi kaplar ve kırpar. Uzat doldurmak için deforme eder.
Araç şeffaflığı destekliyor mu?
Evet, PNG ve WebP şeffaflığı korur. Özel arka plan rengi de ayarlanabilir, bu şeffaflığı desteklemeyen JPG dışa aktarımları için yararlıdır.
Dolgu sprite sayfasını nasıl etkiler?
Dolgu, sayfadaki bireysel sprite'lar arasına boşluk ekleyerek dokular örneklendiğinde görsel sızıntıyı önler. Bu, doğrusal filtreleme kullanan oyun motorları için özellikle önemlidir.
CSS için sprite sayfaları kullanabilir miyim?
Evet, sprite sayfaları CSS sprite'ları için harika çalışır. JSON atlas verileri, HTTP isteklerini azaltan ve sayfa yükleme performansını iyileştiren CSS background-position kuralları oluşturmak için kullanılabilir.
Sprite sayfası boyutları için en iyi uygulamalar nelerdir?
Optimal GPU doku işleme için boyutları 2'nin kuvvetleri olarak tutun (256x256, 512x512, 1024x1024). Çoğu oyun motoru daha iyi performans ve uyumluluk için bu boyutları tercih eder.
Sprite sayfaları oyun performansını nasıl iyileştirir?
Sprite sayfaları, birden fazla sprite'ı tek bir dokuda gruplayarak çizim çağrılarını azaltır. Bu, GPU durum değişikliklerini en aza indirir, bellek yükünü azaltır ve daha verimli oluşturma sağlar.
Sprite sayfaları ile doku atlasları arasındaki fark nedir?
Sprite sayfaları tipik olarak çerçeveleri düzgün bir ızgarada düzenlerken, doku atlasları bin packing gibi algoritmalar kullanarak düzensiz şekilli sprite'ları daha verimli bir şekilde paketleyebilir.