HTML5-games hosten

Je hebt je game geëxporteerd en wilt dat mensen hem spelen. Sleep de exportmap naar het vak hierboven en binnen een paar seconden staat hij live op een eigen *.lobsite.app-adres met HTTPS, zonder eerst een account te maken. Spelers openen de link en zitten meteen in je game, in het volledige venster, zonder winkelpagina eromheen. Stuur hem naar vrienden, deel hem in de Discord van je game jam of zet hem op je eigen domein.

Zo werkt het

1. Exporteer voor het web. Gebruik de HTML5- of Web-export van je engine. Controleer of de map index.html heeft, of één HTML-bestand op het hoogste niveau, dat zonder hernoemen op het adres van de site opent.
2. Sleep de map of een .zip hierheen, of voer er npx lobsite in uit. Je krijgt meteen het adres van de game, 6 uur live. Deze pagina publiceert tot 25 MB tegelijk: gebruik voor alles wat groter is de opdracht, of log in en sleep het naar het dashboard.
3. Houd de game. Gratis houden → verplaatst de game naar een gratis account op hetzelfde adres, en hij verloopt niet meer. Opnieuw publiceren werkt dezelfde link bij.

Publiceer vanuit uw game-engine

Kies uw engine voor de exportstappen, hostinginstellingen en probleemoplossing die specifiek zijn voor uw game:

Past je game?

Limieten worden gecontroleerd voordat er iets wordt geüpload, en de foutmelding noemt het bestand dat te groot is.

Meestal geeft het bestand van de engine zelf de doorslag:

Engine-instellingen

Godot

Sinds Godot 4.3 is een webexport standaard single-threaded. Instellen is niet nodig: upload de export zoals hij is. Als je Thread Support of Extensions Support aanzet, start de game niet zonder twee headers. Zet ze in een lobsite.toml in je projectmap, noem daarin de exportmap en deploy vanaf daar met npx lobsite: Zie de Godot hostinggids voor exportstappen en maatcontroles.

dir = "build/web"

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

Een map die je in de browser sleept leest lobsite.toml niet, dus builds met threads hebben de opdracht nodig. Met deze headers moet alles wat de game van een ander domein laadt dat toestaan, ook lettertypen en analysescripts.

Unity

Zet in Player Settings → Publishing Settings Compression Format op Gzip of Brotli en zet Decompression Fallback aan. Lobsite serveert .br- en .gz-bestanden precies zoals ze zijn, zonder Content-Encoding-header, dus een gecomprimeerde build zonder de fallback laadt niet. Met de fallback pakt de loader van Unity de bestanden zelf uit. Als je Native C/C++ Multithreading gebruikt, voeg dan dezelfde headers toe als bij Godot met threads. De Unity WebGL-hostinghandleiding dekt de volledige buildmap en limieten per bestand.

JavaScript-engines

Phaser, PixiJS, Three.js en de rest deploy je zoals elke statische site. Voer je build uit en daarna npx lobsite: dist, build en public worden voor je gevonden. Volg de Phaser hostinggids voor sjabloonbuilds, itempaden en playtest-previews.

Voordat je de link deelt

• Let op hoofdletters in bestandsnamen. Player.PNG en player.png zijn op je Mac of Windows-pc hetzelfde bestand en online twee verschillende. Een verkeerde naam geeft een 404.
• Start geluid met een klik. Browsers dempen het geluid tot de speler de pagina aanraakt, en er komt geen Play-scherm om je game heen. Geef hem een eigen startknop.
• Laat het canvas meeschalen. De game heeft het hele venster, ook op telefoons. Zet een viewport-tag en schaal mee met het venster in plaats van uit te gaan van een vast formaat.
• Gebruik HTTPS voor alles van buiten. De site draait op HTTPS, dus browsers blokkeren aanroepen naar http://-servers.
• Houd paden relatief als je mappen gebruikt. /assets/hero.png werkt bovenaan een site en breekt zodra de game in /my-game/ staat.
• Denk aan het moment van bijwerken. Browsers kunnen gamebestanden 5 minuten bewaren, dus wie vlak na een deploy laadt kan oude en nieuwe bestanden door elkaar krijgen. Voeg Cache-Control = "no-cache" toe aan de /*-regel in lobsite.toml, zodat browsers elk bestand elke keer controleren.

Playtests, jams en lanceringen

Deel een build voordat hij live staat. npx lobsite --preview geeft de build een eigen URL en laat de live game met rust. Hij blijft 7 dagen bewaard op Free en 30 op Standard, zodat een testgroep op één build kan blijven terwijl jij verdergaat. Preview-URL's worden niet geïndexeerd door zoekmachines.

Houd een demo privé. Op Standard beschermt een wachtwoord elk adres van de site. Testers typen het één keer per browser.

Draai een slechte build terug. Zet de live game in één stap terug naar elke bewaarde deploy. Het adres verandert niet, en dat telt als je link al op een jampagina staat.

Upload elke keer minder. Bestanden worden op hun hash opgeslagen, dus de grote .wasm van de engine wordt niet opnieuw geüpload als je alleen je levels hebt gewijzigd.

Verzamel feedback. Een formulier dat naar /_lobsite/forms/feedback wijst heeft geen backend nodig, en je kunt er ook een gebruiken voor een wachtlijst bij de lancering. Inzendingen werken op het live adres, niet op previews, en een gratis site neemt er 25 per maand aan. Zie de formulierengids.

Zie waar spelers vandaan komen. Op Standard toont de analyse paginaweergaven en verwijzers, zonder cookies. Een paginaweergave is één keer laden van de gamepagina, niet één keer spelen.

Games gemaakt met een AI-assistent

Vraag Claude of ChatGPT om een kleine canvas-game en je krijgt één HTML-bestand: plak het in het vak hierboven. Of laat de assistent het publiceren: Claude Code en Cursor voeren dezelfde opdracht uit als jij en antwoorden met de link en hoe je hem houdt. Elke wijziging gaat naar hetzelfde adres, dus wie met je meespeelt heeft maar één link nodig.

Waar zet je een webgame

Ze werken ook samen. Wil je een winkel, een community en mensen die iets nieuws zoeken, dan is itch.io daarvoor gemaakt, en zet je game daar zeker ook op. Lobsite is voor de link die van jou is: een game die meteen opent, op je eigen domein, met een build voor elke playtest.

Veelgestelde vragen

Kan ik een HTML5-game gratis hosten?

Ja. Publiceren zonder account is 6 uur gratis, en de game in een gratis account houden is voorgoed gratis, met maximaal 50 MB, 5 MB per bestand en 10 GB bandbreedte per maand. Godot 4 en de meeste Unity-builds hebben grotere bestanden en hebben Standard nodig, voor $20 per jaar.

Wat gebeurt er als mijn game populair wordt?

Op Free pauzeert de site zodra die in een maand 10 GB bereikt en komt terug aan het begin van de volgende maand, of meteen als je upgradet. Vanaf 70% van de limiet krijg je e-mails. Standard blijft serveren: boven 1 TB per maand nemen we contact op om erover te praten. Zware games gebruiken het sneller, want een game van 40 MB kan met 10 GB zo'n 250 keer worden gedownload.

Kan ik de game in een andere pagina insluiten?

Ja. Een site kan in een <iframe> op je blog of portfolio staan. Als de game threads nodig heeft, heeft de pagina eromheen ook de cross-origin-headers nodig, dus linken is dan eenvoudiger.

Bedekt de Lobsite-badge mijn game?

Op Free en zonder account staat op elke HTML-pagina een kleine badge rechtsonder in de hoek, boven op de game. Houd je bediening uit die hoek, of gebruik Standard, dat hem weghaalt.

Kan ik mijn game op Lobsite verkopen?

Nee. Lobsite heeft geen betalingen en vermeldt games nergens. Gebruik voor verkoop een winkel zoals itch.io en link vanaf je winkelpagina naar je Lobsite-demo.

Kan ik meerdere games op één site hosten?

Ja. Zet elke game in een eigen map: /snake/ en /tetris/ openen elk hun eigen index.html. Gebruik relatieve paden binnen elke game. Standard biedt vijf aparte sites, elk met een eigen adres en domein.

Werken online functies?

De hosting is statisch: hij serveert je bestanden en draait geen gameserver. Een dienst voor multiplayer of ranglijsten moet ergens anders draaien, en je game kan die via HTTPS aanroepen.