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.
Sprite Sheet Oluşturucu Nasıl Kullanılır
Birden çok görseli tarayıcınızda tek bir sprite sheet'te birleştirin. Kareleri yeniden sıralamak için sürükleyin, ızgara ve boşlukları ince ayar yapın ve oyun motorları ile CSS sprite'ları için JSON verili PNG/WebP/JPG atlası dışa aktarın. Tüm işlemler yereldir.
- Görsellerinizi ekleyin ve ızgaranın Columns ve Rows değerlerini belirlemek için + ve − düğmelerini kullanın.
- Sprite'lar arasında boşluk bırakmak ve doku taşmasını önlemek için Padding (px) ayarlayın.
- En büyük kareye uyması için Sprite Size'ı Auto bırakın ya da eşit hücreler için sabit boyutlar girin.
- Her görselin hücreye yerleşişini kontrol etmek için bir Scale Mode seçin: Fit, Fill veya Stretch.
- Background olarak Transparent, White, Black veya Custom seçin, Format'ı PNG, WebP veya JPG yapın ve Filename altında dosyayı adlandırın.
- Kareleri yeniden sıralamak için küçük resimleri sürükleyin — atlas koordinatları otomatik güncellenir — sonra sayfayı JSON atlasıyla birlikte dışa aktarın.
Dokular motorunuzda ölçeklenirken veya filtrelenirken bitişik sprite'ların birbirine karışmaması için en az 2 px boşluk bırakın.
İlgili Araçlar
- Chmod Hesaplayıcı Onay kutularıyla Linux dosya izinlerini görselleştirmek ve hesaplamak için ücretsiz çevrimiçi chmod hesaplayıcı. Sayısal (755, 644) ve sembolik gösterim (rwxr-xr-x) arasında anında dönüştürün. setuid, setgid, sticky bit gibi özel izinleri destekler.
- ASCII Tablosu Ondalık, onaltılık, sekizlik, ikili kodlar, HTML varlıkları ve karakter açıklamaları ile eksiksiz ASCII karakter kodlama referansı. Anında arama ve filtreleme.
- HTTP İstek Test Aracı REST API'leri doğrudan tarayıcınızda test edin. Özel başlıklar, gövde ve parametrelerle GET, POST, PUT, DELETE istekleri gönderin. Yanıt durumunu, başlıklarını ve JSON gövdesini anında görün.
- .htaccess oluşturucu Apache .htaccess kuralları oluşturun: yönlendirmeler, yeniden yazmalar, güvenlik başlıkları, önbellekleme ve daha fazlası.
- Robots.txt Oluşturucu Ücretsiz çevrimiçi robots.txt oluşturucu. Arama motoru taramasını kontrol etmek, tarayıcı erişimini yönetmek ve sitenizin SEO'sunu optimize etmek için robots.txt dosyaları oluşturun ve özelleştirin.
- Sitemap Oluşturucu Ücretsiz çevrimiçi XML sitemap oluşturucu. URL ekleyin, öncelik ve sıklık ayarlayın, SEO uyumlu sitemap anında oluşturun.
- GIF Kare Ayırma GIF animasyonlarından tekil kareleri PNG veya sprite sayfası olarak çıkarın ve indirin. Önizleme ve ZIP dışa aktarma destekli ücretsiz çevrimiçi araç.
- GIF Ters Çevir GIF animasyon oynatma sırasını ücretsiz çevrimiçi ters çevirin. Anında yükleyin, önizleyin ve indirin.