HTML5 oyun barındırma

Oyununuzu dışa aktardınız ve insanların oynamasını istiyorsunuz. Dışa aktarma klasörünü yukarıdaki kutuya bırakın; önce hesap açmadan, birkaç saniye içinde HTTPS ile kendi *.lobsite.app adresinde yayında olur. Oyuncular bağlantıyı açar ve çevresinde mağaza sayfası olmadan, tam pencere oyununuza girer. Arkadaşlarınıza gönderin, game jam Discord'unuzda paylaşın veya kendi alan adınıza taşıyın.

Nasıl çalışır

1. Web için dışa aktarın. Motorunuzun HTML5 veya Web çıktısını kullanın. Klasörde index.html ya da en üst düzeyde tek bir HTML dosyası olduğunu kontrol edin; bu dosya yeniden adlandırmadan sitenin adresinde açılır.
2. Klasörü veya bir .zip dosyasını bırakın, ya da içinde npx lobsite çalıştırın. Oyunun adresini hemen alırsınız; 6 saat yayında kalır. Bu sayfa tek seferde en fazla 25 MB yayınlar: daha büyükleri için komutu kullanın ya da giriş yapıp panele bırakın.
3. Oyunu koruyun. Ücretsiz koruyun → oyunu aynı adreste ücretsiz bir hesaba taşır ve süresi artık dolmaz. Yeniden yayınlamak aynı bağlantıyı günceller.

Oyun motorunuzdan yayınlayın

Oyununuza özel dışa aktarma adımları, barındırma ayarları ve sorun giderme işlemleri için motorunuzu seçin:

Oyununuz sığar mı?

Limitler herhangi bir şey yüklenmeden önce kontrol edilir ve hata mesajı fazla büyük dosyanın adını verir.

Sonucu genellikle motorun kendi dosyası belirler:

Motor ayarları

Godot

Godot 4.3'ten beri web çıktısı varsayılan olarak tek iş parçacıklıdır. Kurulum gerekmez: çıktıyı olduğu gibi yükleyin. Thread Support veya Extensions Support seçeneğini açarsanız oyun iki başlık olmadan başlamaz. Bunları proje klasörünüzdeki bir lobsite.toml dosyasında ayarlayın, dışa aktarma klasörünü orada belirtin ve oradan npx lobsite ile deploy edin: Dışa aktarma adımları ve boyut kontrolleri için Godot barındırma kılavuzu'ya bakın.

dir = "build/web"

[[headers]]
for = "/*"
[headers.values]
Cross-Origin-Opener-Policy = "same-origin"
Cross-Origin-Embedder-Policy = "require-corp"

Tarayıcıda bırakılan bir klasör lobsite.toml dosyasını okumaz, bu yüzden iş parçacıklı build'ler için komut gerekir. Bu başlıklar açıkken oyunun başka bir alan adından yüklediği her şeyin buna izin vermesi gerekir; yazı tipleri ve analiz betikleri de buna dahildir.

Unity

Player Settings → Publishing Settings bölümünde Compression Format ayarını Gzip veya Brotli yapın ve Decompression Fallback seçeneğini açın. Lobsite .br ve .gz dosyalarını Content-Encoding başlığı olmadan olduğu gibi sunar, bu yüzden fallback olmadan sıkıştırılmış bir build yüklenmez. Fallback ile dosyaları Unity'nin kendi yükleyicisi açar. Native C/C++ Multithreading kullanıyorsanız iş parçacıklı Godot ile aynı başlıkları ekleyin. Unity WebGL barındırma kılavuzu, derleme klasörünün tamamını ve dosya başına sınırları kapsar.

JavaScript motorları

Phaser, PixiJS, Three.js ve diğerleri her statik site gibi deploy edilir. Build alın, ardından npx lobsite çalıştırın: dist, build ve public otomatik bulunur. Şablon yapıları, varlık yolları ve oyun testi önizlemeleri için Phaser barındırma kılavuzu'yu takip edin.

Bağlantıyı paylaşmadan önce

• Dosya adlarında büyük/küçük harfe dikkat edin. Player.PNG ile player.png Mac veya Windows bilgisayarınızda aynı dosyadır, internette ise iki ayrı dosyadır. Yanlış bir ad 404 verir.
• Sesi tıklamayla başlatın. Tarayıcılar oyuncu sayfaya dokunana kadar sesi kapalı tutar ve oyununuzun çevresine Play ekranı eklenmez. Kendi başlat düğmenizi koyun.
• Tuvalin boyutlanmasına izin verin. Oyun telefonlarda da tüm pencereyi kullanır. Bir viewport etiketi ekleyin ve sabit bir boyut varsaymak yerine pencereye göre boyutlandırın.
• Dış kaynaklar için HTTPS kullanın. Site HTTPS olduğu için tarayıcılar http:// sunucularına yapılan çağrıları engeller.
• Klasör kullanıyorsanız yolları göreli tutun. /assets/hero.png sitenin kökünde çalışır, oyun /my-game/ içinde olduğunda bozulur.
• Güncelleme anını hesaba katın. Tarayıcılar oyun dosyalarını 5 dakika saklayabilir, bu yüzden deploy'dan hemen sonra yükleyen biri eski ve yeni dosyaları karıştırabilir. Tarayıcıların her dosyayı her seferinde kontrol etmesi için lobsite.toml içindeki /* kuralına Cache-Control = "no-cache" ekleyin.

Playtest'ler, jam'ler ve lansmanlar

Bir build'i yayına almadan paylaşın. npx lobsite --preview build'e kendi URL'sini verir ve yayındaki oyuna dokunmaz. Free'de 7, Standard'da 30 gün saklanır; böylece siz devam ederken test grubu tek bir build'de kalabilir. Önizleme URL'leri arama motorlarında dizine eklenmez.

Demoyu gizli tutun. Standard'da parola sitenin tüm adreslerini korur. Test edenler tarayıcı başına bir kez yazar.

Kötü bir build'i geri alın. Yayındaki oyunu tek adımda saklanan herhangi bir deploy'a döndürün. Adres değişmez; bağlantınız zaten bir jam sayfasındayken bu önemlidir.

Her seferinde daha az yükleyin. Dosyalar hash'lerine göre saklanır, bu yüzden yalnızca bölümlerinizi değiştirdiyseniz motorun büyük .wasm dosyası yeniden yüklenmez.

Geri bildirim toplayın. /_lobsite/forms/feedback adresine yönelen bir form backend gerektirmez, lansman bekleme listesi için de kullanabilirsiniz. Gönderimler önizlemelerde değil, yayındaki adreste çalışır; ücretsiz bir site ayda 25 gönderim alır. Form kılavuzuna bakın.

Oyuncuların nereden geldiğini görün. Standard'da analizler, çerez kullanmadan sayfa görüntülemelerini ve yönlendirenleri gösterir. Bir sayfa görüntüleme, oyun sayfasının bir kez yüklenmesidir, bir oyun oturumu değildir.

Yapay zekâ asistanıyla yapılan oyunlar

Claude veya ChatGPT'den küçük bir canvas oyunu isteyin, tek bir HTML dosyası alırsınız: yukarıdaki kutuya yapıştırın. Ya da asistanın yayınlamasına izin verin: Claude Code ve Cursor sizinle aynı komutu çalıştırır, bağlantıyı ve nasıl koruyacağınızı söyler. Her değişiklik aynı adrese gider, yani birlikte oynadığınız kişilere tek bağlantı yeter.

Web oyunu nereye konur

Birlikte de çalışırlar. Bir mağaza, bir topluluk ve yeni bir şeyler arayan insanlar istiyorsanız itch.io tam bunun için var ve oyununuzu orada listelemelisiniz. Lobsite sizin olan bağlantı içindir: hemen açılan bir oyun, sizin alan adınızda, her playtest için bir build ile.

Sık sorulan sorular

Bir HTML5 oyununu ücretsiz barındırabilir miyim?

Evet. Hesapsız yayınlamak 6 saat boyunca ücretsizdir; oyunu ücretsiz bir hesapta tutmak ise kalıcı olarak ücretsizdir: en fazla 50 MB, dosya başına 5 MB ve ayda 10 GB bant genişliği. Godot 4 ve çoğu Unity build'inin dosyaları bundan büyüktür ve yılda $20 olan Standard gerekir.

Oyunum popüler olursa ne olur?

Free'de site bir ayda 10 GB'a ulaşınca durur ve sonraki ayın başında ya da yükseltme yaparsanız hemen geri gelir. Limitin %70'inden itibaren e-posta alırsınız. Standard sunmaya devam eder: ayda 1 TB'ı geçerse konuşmak için size ulaşırız. Ağır oyunlar bunu daha hızlı tüketir: 40 MB'lık bir oyun 10 GB ile yaklaşık 250 kez indirilebilir.

Oyunu başka bir sayfaya gömebilir miyim?

Evet. Bir site, blogunuzda veya portfolyonuzda bir <iframe> içine konabilir. Oyun iş parçacığı gerektiriyorsa çevresindeki sayfanın da cross-origin başlıklarına ihtiyacı olur, bu yüzden bağlantı vermek daha basittir.

Lobsite rozeti oyunumu kapatır mı?

Free'de ve hesapsız kullanımda, her HTML sayfasının sağ alt köşesinde oyunun üzerinde küçük bir rozet bulunur. Kontrollerinizi bu köşeden uzak tutun ya da rozeti kaldıran Standard'ı kullanın.

Oyunumu Lobsite'ta satabilir miyim?

Hayır. Lobsite'ta ödeme yoktur ve oyunlar hiçbir yerde listelenmez. Satış için itch.io gibi bir mağaza kullanın ve mağaza sayfanızdan Lobsite demonuza bağlantı verin.

Bir sitede birkaç oyun barındırabilir miyim?

Evet. Her birini kendi klasörüne koyun: /snake/ ve /tetris/ kendi index.html dosyalarını açar. Her oyunun içinde göreli yollar kullanın. Standard, her biri kendi adresi ve alan adıyla beş ayrı site sunar.

Çevrimiçi özellikler çalışır mı?

Barındırma statiktir: dosyalarınızı sunar ve oyun sunucusu çalıştırmaz. Çok oyunculu mod veya skor tablosu hizmetinin başka bir yerde çalışması gerekir; oyununuz ona HTTPS üzerinden erişebilir.