Для интеграции игры на движке Godot в существующий веб-сайт, необходимо сначала экспортировать игру в формат HTML5, а затем встроить её на вашу страницу. Вот пошаговая инструкция, как это можно сделать:
### Шаг 1: Экспорт игры в формат HTML5
1. **Откройте ваш проект в Godot.**
2. **Перейдите в меню `Project` > `Export`.**
3. **Добавьте новый профиль экспорта.** Нажмите на кнопку "Add…" и выберите "HTML5".
4. **Настройте параметры экспорта.** Убедитесь, что параметр "Export Path" указывает на нужную директорию для сохранения. Вы можете оставить остальные параметры по умолчанию или настроить их по своему усмотрению.
5. **Экспортируйте проект**, нажав на кнопку "Export Project".
После успешного экспорта у вас будет создана папка, содержащая файлы вашей игры, включая `index.html`, `game.wasm`, `game.pck` и другие.
### Шаг 2: Добавление игры на ваш веб-сайт
Теперь, когда у вас есть все необходимые файлы, вам нужно интегрировать игру в ваш существующий сайт:
1. **Скопируйте файлы игры на ваш веб-сервер.** Вам необходимо загрузить файлы, созданные в результате экспорта (включая `index.html` и другие) в соответствующую папку на вашем сервере. Это может быть директория, отвечающая за статические файлы вашего веб-сайта.
2. **Встраивание игры в существующий HTML.** Вам нужно будет встроить игру в страницу вашего сайта. Для этого вы можете использовать тег `<iframe>`. Вот пример:
```html
<iframe src="путь/к/вашей/игре/index.html" width="800" height="600" frameborder="0" allowfullscreen></iframe>
```
3. **Настройка стилей и размеров.** При необходимости настройте размеры `<iframe>` в соответствии с дизайном вашего сайта.
### Шаг 3: Тестирование
Не забудьте протестировать интеграцию на разных устройствах и браузерах, чтобы убедиться, что игра работает корректно.
### Примечания
- Убедитесь, что ваш веб-сервер поддерживает необходимые MIME-типы для файлов `.wasm` и `.pck`, если это требуется.
- Проверьте наличие ошибок в консоли браузера, если игра не загружается или не работает должным образом.
Теперь ваша мини-игра должна быть успешно интегрирована в существующий веб-сайт!