В этой небольшой статье разберемся как быстро настроить и экспортировать проект на Godot в формат HTML.
Установка шаблонов экспорта в HTML
Перейдите во вкладку Проект --> Экспортировать.. Вас встретит данное окно:
Здесь, на вкладке предустановки будут отображены все установленные шаблоны для экспорта. Если вы не видите ни один шаблон, нажмите на кнопку Добавить. Откроется список со всеми доступными для установки шаблонами. Выберете HTML и дождитесь установки.
После установки перейдите в настройки экспорта. Для простого экспорта не требуется изменение каких-либо настроек внутри шаблона, поэтому оставляем его без изменений и нажимаем кнопку Экспортировать проект:
После этого выберете путь по которому будет выполняться экспорт проекта. Не забудьте переименовать файл в index.html и снимите галочку с пункта Экспорт в режиме отладки.
После успешного экспортирования проведите архивирование папки в zip-архив. В таком виде ваша игра уже будет готова к загрузке на некоторые платформы такие как itch.io!
Особенности и ограничения веб-платформы
При портировании игры в браузер важно помнить о следующих моментах:
- Фоновая обработка: Браузер приостанавливает выполнение игры, когда вкладка становится неактивной. Функции _process() и _physics_process() перестают вызываться.
- Полный экран и захват мыши: Переход в полноэкранный режим возможен только в ответ на действие пользователя (например, внутри метода _input()).
- Автовоспроизведение аудио: Многие браузеры блокируют автовоспроизведение звука. Стандартное решение — реализовать экран-заставку, который требует от пользователя клика для начала игры.
- Сеть: Низкоуровневый сетевой функционал (сокеты) недоступен. Поддерживаются только HTTP-запросы, WebSockets (клиент) и WebRTC.
Для тестирования можно использовать кнопку быстрого запуска в редакторе Godot (появится, если шаблон экспорта корректен) или открыть полученный HTML-файл в браузере через F12 для отладки.
Подписывайтесь на этот канал и следите выходом нового полезного материала!
#godot #html #игровой движок #туториал #программирование #веб