Phaser oyununuz tarayıcıda çalışır; dolayısıyla onu yayınlamak, HTML'sini, JavaScript'ini ve varlıklarını çevrimiçi ortamda bir araya getirmek anlamına gelir. Oluşturulan klasörü yukarıdaki kutuya yükleyin veya terminalinizden dağıtın. Oyuncular, HTTPS ile doğrudan bir *.lobsite.app bağlantısına ve oyununuzun tüm penceresine sahip olur.
Nasıl çalışır
- Phaser projenizi oluşturun. Şablonunuzda bir derleme komut dosyası varsa
npm run build'yu çalıştırın. Vite tabanlı bir şablon genellikledist/yazar. Sade bir HTML projesi içinindex.html, Phaser ve varlıklarınızı tek bir klasörde toplayın. - Oynatılabilir klasörü yayınlayın. Onu veya yukarıdaki bir ZIP dosyasını yükleyin veya derlemeden sonra
npx lobsite'yu çalıştırın. Klasörü açıkça adlandırmak içinnpx lobsite ./distkullanın. İlk dağıtımın hesaba ihtiyacı yoktur ve 6 saat sürer. - Oyunun adresini saklayın. Siteyi hesabınıza kaydetmek için bağlantıyı takip edin veya Ücretsiz koruyun →'yu seçin. Oyun değiştiğinde yeniden inşa edin ve konuşlandırın; yayınlanan URL aynı kalır.
Geliştirme sunucusu değil, çıktı oluşturun
npm run dev tarafından yazdırılan adres yalnızca sunucu çalışırken çalışır. Bunun yerine üretim çıktısını index.html en üst düzeyde olacak şekilde yayınlayın. Lobsite bu dosyaları sunar; sizin için paket yüklemez veya Phaser oluşturmaz.
Vite şablonu için Vite barındırma kılavuzu'ya bakın. Oyununuzun referans verdiği varlıkları yapı içinde tutun veya harici varlıklar için HTTPS URL'lerini kullanın. Dosya adları çevrimiçi ortamda büyük/küçük harfe duyarlıdır: hero.png isteği Hero.png'yu bulamaz.
Oyunu oyuncular için hazır hale getirin
- Bir etkileşimden sesi başlatın. Oyunculara sesi oynatmadan önce bir başlatma düğmesi veya başka bir tıklama verin; tarayıcılar otomatik oynatmayı kısıtlıyor.
- Telefondaki tuvali kontrol edin. Yayınlanan URL'de Phaser ölçek ayarlarınızı, yönlendirmenizi ve dokunma kontrollerinizi test edin.
- Hizmetleri ayrı tutun. Çok oyunculu bir sunucu, sıralama tablosu veya hesap hizmeti başka bir yerde çalıştırılmalıdır. Tarayıcı kodu bunu çağırabilir ancak özel API anahtarları yüklenen JavaScript'e ait değildir.
- Varlık bütçenizi kontrol edin. Free, dosya başına 5 MB ve 100 dosya olmak üzere toplamda 50 MB'a izin verir. Büyük ses parçaları veya hareketli grafik sayfaları oyunun uygun olup olmadığına karar verebilir. HTML5 barındırma kılavuzu, Standard'nun sınırlarını da listeler.
Phaser oynatma testini paylaşın
Siteyi hesabınıza kaydettikten sonra, test kullanıcılarına yayınlanan oyunu değiştirmeden ayrı bir sürüm sunmak için bir derlemeden sonra npx lobsite --preview'yu çalıştırın. Dosyalar hash ile depolanır, böylece bir seviyeyi ayarladığınızda değiştirilmemiş film müziği tekrar yüklenmez. Bağlantının oyununuzun adıyla eşleşmesini istiyorsanız özel alan adı ekleyin.
Hesapsız bir deploy 6 saat yayında kalır. Sahiplenme bağlantısı onu ücretsiz olarak korur.
Yayına almadan önce önizleyin. Yönlendirmeler dahil tek tıkla geri alın.
Dosyalar hash'lerine göre saklanır. Değişmemiş bir siteyi yeniden deploy etmek 0 bayt yükler.
Her site ilk deploy'dan itibaren HTTPS'li bir *.lobsite.app adresi alır.
Ücretsiz hesaplar dahil: bir DNS kaydı ekleyin, site alan adınıza taşınsın. Her plan için her sitede HTTPS var.
Yönlendirmeler, başlıklar ve formlar lobsite.toml içinde durur ve her deploy ile birlikte gider.
Phaser yapısını paylaşmanın yolları
| Yöntem | Hangi oyuncular açılır | Yardımcı olduğunda |
|---|---|---|
| Lobsite | Oyununuz doğrudan bir HTTPS adresinde | Bağımsız bir sürüm, alanınız veya ayrı oynatma testi yapıları |
| Yerel bir geliştirme sunucusu | Makinenizdeki veya ağınızdaki bir adres | Kod yazarken test etme |
| İndirilebilir bir ZIP | Paketinden çıkarıp sunmaları gereken dosyalar | Başka bir geliştiriciye incelemesi için bir yapı verme |
Başka bir JavaScript oyun çerçevesi veya düzenleyici dışa aktarımı için HTML5 oyun barındırma ile başlayın. Phaser kurulumu ve şablonları için resmi Phaser kılavuzu'yu kullanın.
Sık sorulan sorular
Lobsite, Phaser derleme komut dosyamı çalıştırıyor mu?
Hayır. Derlemeyi yerel olarak veya CI'da çalıştırın, ardından çıktı klasörünü yayımlayın. Yukarıdaki komut, projenizin bir npm run build betiğine sahip olduğunu varsayar.
Phaser'yu Vite olmadan yayınlayabilir miyim?
Evet. HTML giriş noktasını, oyun komut dosyalarınızı ve varlıklarınızı içeren bir klasör yeterlidir. Phaser'yu bir HTTPS CDN'sinden de yükleyebilirsiniz.
Phaser spritelarım dağıtımdan sonra neden kayboluyor?
Eksik dosyalar için tarayıcının Ağ panelini kontrol edin. Dosya adı durumunu eşleştirin, her varlığı çıktıya dahil edin ve yolların farklı bir klasör kabul edip etmediğini kontrol edin.
Bir Phaser oyununun Lobsite'da barındırılması ücretsiz midir?
Evet, Free'nun dosya, depolama ve bant genişliği sınırları dahilinde. Anonim bağlantıların geçerliliği 6 saat sonra sona erer; Oyunu ücretsiz bir hesaptaki hesabınıza kaydetmek, bu sürenin sona ermesini kaldırır. Free, sağ altta küçük bir Lobsite rozeti içerir.