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

Вы экспортировали игру и хотите, чтобы в неё играли. Перетащите папку экспорта в поле выше, и через несколько секунд игра будет работать по собственному адресу *.lobsite.app с HTTPS, без предварительной регистрации. Игрок открывает ссылку и сразу оказывается в игре, на всё окно, без страницы магазина вокруг. Отправьте ссылку друзьям, выложите в Discord вашего геймджема или подключите свой домен.

Как это работает

1. Экспортируйте для веба. Используйте экспорт HTML5 или Web в вашем движке. Проверьте, что в папке есть index.html или один HTML-файл на верхнем уровне: он открывается по адресу сайта без переименования.
2. Перетащите папку или .zip либо запустите в ней npx lobsite. Вы сразу получите адрес игры — она будет работать 6 часов. Эта страница публикует до 25 МБ за раз: если больше, используйте команду или войдите и перетащите файлы в панель управления.
3. Оставьте игру себе. Сохранить бесплатно → переносит игру в бесплатный аккаунт по тому же адресу, и её срок больше не истекает. Повторная публикация обновляет ту же ссылку.

Публикуйте с вашего игрового движка

Выберите свой движок для шагов экспорта, настроек хостинга и устранения неполадок, специфичных для вашей игры:

Поместится ли ваша игра?

Лимиты проверяются до загрузки, а в ошибке указан слишком большой файл.

Обычно всё решает файл самого движка:

Настройки движка

Godot

Начиная с Godot 4.3, веб-экспорт по умолчанию однопоточный. Настраивать ничего не нужно: загрузите экспорт как есть. Если включить Thread Support или Extensions Support, игра не запустится без двух заголовков. Задайте их в lobsite.toml в папке проекта, укажите там папку экспорта и выполните деплой оттуда командой npx lobsite: См. Руководство по хостингу Godot для получения информации об этапах экспорта и проверке размера.

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, чтобы узнать о сборках шаблонов, путях к ресурсам и предварительных тестах игры.

Прежде чем поделиться ссылкой

• Соблюдайте регистр в именах файлов. На Mac или ПК с Windows Player.PNG и player.png — один файл, а в сети это два разных. Неверное имя даст ошибку 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. Просмотр — это одна загрузка страницы игры, а не одна партия.

Игры, сделанные с ИИ-ассистентом

Попросите Claude или ChatGPT сделать небольшую игру на canvas, и вы получите один HTML-файл: вставьте его в поле выше. Или поручите публикацию ассистенту: Claude Code и Cursor запускают ту же команду, что и вы, и отвечают ссылкой и инструкцией, как её сохранить. Каждое изменение попадает на тот же адрес, так что вашим партнёрам по игре нужна всего одна ссылка.

Где разместить веб-игру

Они хорошо работают и вместе. Если вам нужны магазин, сообщество и люди, которые ищут что-то новое, itch.io создан именно для этого, и игру стоит разместить там. Lobsite — для ссылки, которая принадлежит вам: игра открывается сразу, на вашем домене, с отдельной сборкой для каждого плейтеста.

Частые вопросы

Можно ли разместить HTML5-игру бесплатно?

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

Что будет, если игра станет популярной?

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

Можно ли встроить игру в другую страницу?

Да. Сайт можно разместить в <iframe> в вашем блоге или портфолио. Если игре нужны потоки, заголовки cross-origin нужны и странице вокруг, поэтому проще дать ссылку.

Закрывает ли значок Lobsite мою игру?

На Free и без аккаунта небольшой значок находится в правом нижнем углу каждой HTML-страницы, поверх игры. Не размещайте элементы управления в этом углу или перейдите на Standard, где значка нет.

Можно ли продавать игру на Lobsite?

Нет. В Lobsite нет платежей, и игры нигде не публикуются списком. Для продаж используйте магазин, например itch.io, и поставьте ссылку на демо на Lobsite со страницы в магазине.

Можно ли разместить несколько игр на одном сайте?

Да. Положите каждую в свою папку: /snake/ и /tetris/ откроют каждая свой index.html. Внутри каждой игры используйте относительные пути. На Standard доступно пять отдельных сайтов, у каждого свой адрес и домен.

Работают ли онлайн-функции?

Хостинг статический: он отдаёт ваши файлы и не запускает игровой сервер. Сервис мультиплеера или таблицы лидеров должен работать в другом месте, а игра может обращаться к нему по HTTPS.