Хостинг HTML5-ігор

Ви експортували гру й хочете, щоб у неї грали. Перетягніть папку експорту в поле вище — і за кілька секунд вона стане доступною за власною адресою *.lobsite.app з HTTPS без попереднього створення облікового запису. Гравці відкривають посилання й потрапляють у вашу гру на все вікно без сторінки магазину навколо. Надішліть друзям, опублікуйте в Discord вашого джему чи розмістіть на власному домені.

Як це працює

1. Експортуйте для вебу. Використайте HTML5- чи Web-експорт рушія. Перевірте наявність index.html або одного HTML-файлу на верхньому рівні папки, який відкриється за адресою сайту без перейменування.
2. Перетягніть папку чи .zip або виконайте всередині npx lobsite. Ви одразу отримаєте адресу гри, що працює 6 годин. Ця сторінка публікує до 25 МБ за раз: для більшого використовуйте команду або ввійдіть і перетягніть у панель керування.
3. Збережіть гру. Зберегти безкоштовно → переносить гру до безкоштовного облікового запису за тією самою адресою без закінчення дії. Повторна публікація оновлює те саме посилання.

Публікація з вашого ігрового рушія

Виберіть рушій, щоб переглянути кроки експорту, налаштування хостингу й розв’язання проблем саме вашої гри:

Чи вміститься ваша гра?

Ліміти перевіряються до завантаження, а помилка називає завеликий файл.

Зазвичай вирішальним є файл самого рушія:

Налаштування рушіїв

Godot

Починаючи з Godot 4.3, вебекспорт типово однопотоковий. Особливе налаштування не потрібне: завантажте експорт як є. Кроки експорту й перевірки розміру дивіться в посібнику з хостингу Godot. Якщо увімкнути Thread Support або Extensions Support, гра не запуститься без двох заголовків. Задайте їх у lobsite.toml у папці проєкту, укажіть там папку експорту та розгорніть звідти через npx lobsite:

dir = "build/web"

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

Папка, перетягнута в браузер, не читає lobsite.toml, тому багатопотокові збірки потребують команди. З цими заголовками все, що гра завантажує з іншого домену, має це дозволяти, зокрема шрифти й аналітичні скрипти.

Unity

У Player Settings → Publishing Settings установіть Compression Format на Gzip чи Brotli та увімкніть Decompression Fallback. Lobsite віддає файли .br і .gz без змін, без заголовка Content-Encoding, тому стиснена збірка без резервного розпакування не завантажиться. З ним власний завантажувач Unity розпаковує файли. Якщо використовуєте Native C/C++ Multithreading, додайте ті самі заголовки, що й для потоків Godot. Посібник із хостингу Unity WebGL охоплює повну папку збірки й ліміти окремих файлів.

Рушії JavaScript

Phaser, PixiJS, Three.js та інші розгортаються як будь-який статичний сайт. Виконайте збірку, потім npx lobsite: dist, build і public визначаються автоматично. Посібник із хостингу Phaser описує збірки шаблонів, шляхи ресурсів і тестові перегляди.

Перед поширенням посилання

• Дотримуйтеся регістру назв файлів. Player.PNG і player.png однакові на Mac чи Windows, але це два різні файли онлайн. Неправильна назва дає 404.
• Запускайте звук після натискання. Браузери вимикають звук до взаємодії гравця зі сторінкою, а навколо гри не додається екран Play. Створіть власну кнопку старту.
• Дозвольте полотну змінювати розмір. Гра займає все вікно, зокрема на телефонах. Задайте тег viewport і змінюйте розмір разом із вікном замість припущення про фіксований розмір.
• Використовуйте HTTPS для зовнішніх ресурсів. Сайт працює через HTTPS, тому браузери блокують звернення до серверів http://.
• Залишайте шляхи відносними, якщо використовуєте папки. /assets/hero.png працює в корені сайту, але ламається, коли гра розміщена в /my-game/.
• Зважайте на момент оновлення. Браузери можуть зберігати файли гри 5 хвилин, тому під час завантаження одразу після розгортання можуть змішатися старі й нові файли. Додайте Cache-Control = "no-cache" до правила /* у lobsite.toml, щоб браузери перевіряли кожен файл щоразу.

Тестування, джеми й запуски

Поділіться збіркою перед публікацією. npx lobsite --preview надає збірці власний URL і залишає основну гру без змін. Вона зберігається 7 днів на Free й 30 на Standard, тож група тестувальників може залишатися на одній збірці, поки ви працюєте далі. URL перегляду не індексуються пошуковими системами.

Збережіть демо приватним. На Standard пароль захищає кожну адресу сайту. Тестувальники вводять його один раз у браузері.

Скасуйте невдалу збірку. Поверніть основну гру до будь-якого збереженого розгортання за один крок. Адреса не змінюється, що важливо, коли посилання вже на сторінці джему.

Завантажуйте менше щоразу. Файли зберігаються за хешами, тому великий .wasm рушія не завантажується повторно, якщо ви змінили лише рівні.

Збирайте відгуки. Форма на /_lobsite/forms/feedback не потребує бекенду; так само можна створити список очікування запуску. Відповіді працюють за основною адресою, а не в переглядах, і безкоштовний сайт приймає 25 на місяць. Дивіться посібник із форм.

Дізнавайтеся, звідки приходять гравці. На Standard аналітика показує перегляди сторінок і джерела переходів без cookie. Перегляд сторінки — одне завантаження сторінки гри, а не одна гра.

Ігри, створені з AI-асистентом

Попросіть Claude чи ChatGPT створити невелику гру на canvas — і отримаєте один HTML-файл: вставте його в поле вище. Або дозвольте асистенту опублікувати: Claude Code і Cursor виконують ту саму команду, що й ви, та повертають посилання і спосіб збереження. Кожна зміна потрапляє на ту саму адресу, тож усім, із ким ви граєте, потрібне лише одне посилання.

Де розмістити вебгру

Їх також можна поєднувати. Якщо потрібні магазин, спільнота й люди, які шукають нове, itch.io створений для цього, і варто додати гру туди. Lobsite — для посилання, яким володієте ви: гра відкривається одразу на вашому домені зі збіркою для кожного тестування.

Поширені запитання

Чи можна безкоштовно розмістити HTML5-гру?

Так. Публікація без облікового запису безкоштовна на 6 годин, а збереження гри в безкоштовному обліковому записі безкоштовне назавжди: до 50 МБ, 5 МБ на файл і 10 ГБ трафіку на місяць. Godot 4 і більшість збірок Unity мають більші файли й потребують Standard за $20 на рік.

Що станеться, якщо гра стане популярною?

На Free сайт призупиняється після 10 ГБ за місяць і відновлюється на початку наступного або відразу після підвищення плану. Ви отримуєте листи починаючи з 70% ліміту. Standard продовжує працювати: після 1 ТБ на місяць ми зв’яжемося, щоб обговорити використання. Важкі ігри витрачають трафік швидше: гру 40 МБ можна завантажити приблизно 250 разів за 10 ГБ.

Чи можна вбудувати гру в іншу сторінку?

Так. Сайт можна вставити в <iframe> у блозі чи портфоліо. Якщо грі потрібні потоки, сторінка навколо також потребує заголовків між джерелами, тому простіше дати посилання.

Чи перекриває значок Lobsite мою гру?

На Free й без облікового запису невеликий значок розміщується в нижньому правому куті кожної HTML-сторінки поверх гри. Не розміщуйте там елементи керування або використовуйте Standard, який прибирає значок.

Чи можна продавати гру на Lobsite?

Ні. На Lobsite немає платежів і каталогу ігор. Для продажу використовуйте магазин на кшталт itch.io та додайте посилання на демо Lobsite зі сторінки магазину.

Чи можна розмістити кілька ігор на одному сайті?

Так. Розмістіть кожну у власній папці: /snake/ і /tetris/ відкриють свої index.html. Використовуйте відносні шляхи всередині кожної гри. Standard містить п’ять окремих сайтів, кожен із власною адресою та доменом.

Чи працюють онлайн-можливості?

Хостинг статичний: він віддає файли й не запускає ігровий сервер. Багатокористувацький сервіс чи таблиця лідерів мають працювати деінде, а гра може звертатися до них через HTTPS.