Itch.io Web Oyun Denetçisi ve Canlı Çözünürlük Optimize Edici

HTML5 dışa aktarma dosyalarını veya ZIP arşivlerini yükleyerek görünüm alanlarını canlı test edin, kaydırma çubuklarını düzeltin, Godot ve Unity WebGL derlemelerini denetleyin ve Itch.io yerleştirme ayarları oluşturun.

Oyun Derlemeni veya ZIP Arşivini Buraya Bırak

Herhangi bir .ZIP dosyasını, dışa aktarılmış klasörü veya HTML5 derleme dosyalarını anında incelemek için bu alana bırakın.

Canlı Düzen ve Kaydırma Çubuğu Testi

[Artificial Zoom-Out Active] Görünüm alanı ekran genişliğini aşıyor. Tuvalin tamamı görünür olsun diye yapay zoom-out uygulandı. Gerçek düzeni görmek için otomatik ölçeklemeyi devre dışı bırakın.
Zoom 100%
Araç Stüdyosu

Bu aracı kendi sitenizde kullanmak ister misiniz?

WordPress, Notion veya kendi siteniz için renkleri ve karanlık modu özelleştirin.

Hemen Başla

Sıkça Sorulan Sorular

Godot 4 oyunum neden Itch.io'da siyah ekran gösteriyor?

Godot 4 web dışa aktarmaları SharedArrayBuffer desteği gerektiren WebAssembly çoklu iş parçacığını kullanır. Itch.io oyun düzenleme sayfanızda çerçeve seçeneklerinde "SharedArrayBuffer support" özelliğini etkinleştirin.

Yayınlamadan önce hangi ayar kontrol edilmelidir? 1

Dosyayı yayımlamadan önce boyutları, hedef ortamı ve önizlemeyi kontrol edin.

# Itch.io HTML5 Oyun Dışa Aktarmaları için Biçimlendirme Yönergeleri

Itch.io'da HTML5 ve WebGL oyunları yayınlamak, görünüm alanı boyutlarının, arşiv dosya yapılarının ve çapraz kaynak güvenlik başlıklarının hassas yapılandırmasını gerektirir.
16:9 Yatay Standart Web En-Boy Oranı
960 x 540 px Klasik Itch Çözünürlüğü
Kök dizinde index.html Gerekli Giriş Dosyası
COOP / COEP Başlıkları Godot 4 Gereksinimi
Itch.io'ya 1280x720 WebGL oyunu yerleştirirken, "Embed in page" etkin olarak yerleştirme görünüm alanı boyutlarını tam olarak 1280x720 olarak ayarlayın.
Bu bölüm temiz bir dışa aktarma ve güvenilir bir önizleme için gerekli kontrolleri özetler. 1.Bu bölüm temiz bir dışa aktarma ve güvenilir bir önizleme için gerekli kontrolleri özetler. 2.Bu bölüm temiz bir dışa aktarma ve güvenilir bir önizleme için gerekli kontrolleri özetler. 3.Bu bölüm temiz bir dışa aktarma ve güvenilir bir önizleme için gerekli kontrolleri özetler. 4.Bu bölüm temiz bir dışa aktarma ve güvenilir bir önizleme için gerekli kontrolleri özetler. 5.

# Viewport, canvas ve gömmeyi birlikte kontrol edin

Gerçek canvas boyutunu Itch.io için planlanan viewport ile karşılaştırın. 16:9 oranı tek başına kaydırma çubuklarını kaldırmaz; CSS boşlukları, minimum genişlik ve ölçeklenmeyen canvas taşmaya yol açabilir.Her derlemeden sonra raporu yeniden okuyun; dosya adları, giriş noktası ve motor çıktısı değişebilir. Yapısal kontrolleri farklı tarayıcı ve cihazlardaki gerçek testlerle tamamlayın.

Bibliyografik Referanslar

Daha fazla araç: Oyun geliştirme araçları

Steam Kapsül ve Görsel Önizleme Oluşturucu

Steam mağaza ve kütüphane kapsül görsellerini kırpın, önizleyin ve güvenli alan doğrulaması ile biçimlendirin.

Aracı Kullan

Sprite Sheet Paketleyici ve Çıkartıcı

Tekil animasyon karelerini doku atlaslarında birleştirerek veya mevcut sayfalardan sprite kareleri çıkartarak 2D oyun performansını optimize edin.

Aracı Kullan

Oyun Ses Döngü Noktası Bulucu ve Üstveri Enjektörü

Hassas ses döngü noktalarını bulun, tık seslerini önlemek için sıfır geçişlerine hizalayın ve LOOPSTART ve LOOPEND üstverileriyle WAV dosyaları dışa aktarın.

Aracı Kullan

Oyun Kayıt Dosyası Karartıcı ve Düzenleyici

Base64, XOR maskeleme veya düz metin kullanarak oyun kayıt dosyalarını tarayıcınızda %100 yerel olarak çözün, inceleyin, JSON verilerini düzenleyin ve yeniden şifreleyin.

Aracı Kullan

Godot ve Unity Yerellestirme CSV ve JSON Temizleyici

Ceviri CSV veya JSON dosyalarinizdaki bos hucreleri, yinelenen anahtarlari ve bozuk satirlari inceleyin ve motor aktarimina hazir temiz bir kopya disari aktarin.

Aracı Kullan

Steam BBCode, Markdown ve HTML Donusturucu

Steam BBCode, Markdown ve HTML formatlari arasinda otomatik sozvarligi tespiti ve canli onizleme ile cift yonlu donusturme yapin.

Aracı Kullan

Oyunlar icin Retro Ses Efekti Olusturucu

Tarayicinizda anlik hazir ayarlar, dalga sekli kontrolleri, canli osiloskop ve WAV dissa aktarim ile retro oyun ses efektleri olusturun.

Aracı Kullan

Piksel Sanatı Palet Değiştirici

Sprite ve sprite sayfalarındaki renkleri klasik konsol paletlerine veya özel hex renklerine doğrudan tarayıcınızda dönüştürün.

Aracı Kullan

Oyun UI Erişilebilirlik Stres Testi

Oyun ekran görüntülerini renk körlüğü simülasyonları, HUD kontrast ölçümü, bulanıklık ve ısı haritaları ile tarayıcınızda yerel olarak inceleyin.

Aracı Kullan

Oyun Sprite Hitbox ve Hurtbox Animatörü

Her sprite karesinde çarpışma katmanları çizin, soğan zarı (onion skin) ile hareketleri önizleyin, piksel koordinatlarını düzenleyin ve nötr JSON aktarın.

Aracı Kullan

Oyun Hasar Formülü Laboratuvarı ve TTK Grafikleri

Güvenli matematiksel formüllerle oyun hasar kurallarını canlı grafikler, ısı haritaları, yuvarlama kuralları ve Time to Kill (TTK) ile karşılaştırın.

Aracı Kullan

Oyun Delta Time ve Sabit Timestep Laboratuvarı

Tekrarlanabilir frame sıçramaları, simüle hareket, yetişme adımları ve görünür zaman farkıyla değişken ve sabit oyun döngülerini karşılaştırın.

Aracı Kullan