Как я сделал билд unity игры для web приложения в Telegram

Показываю на примере своей игры Крестики нолики 2.0

Важно! Для нормальной работы в Telegram игра должна быть вертикальной, либо 2D, либо иметь простую 3D-графику

1. Настройка проекта

В верхней панели File > Build Settings. В разделе «Platform» выберите «WebGL» и нажмите «Switch Platform»

Как я сделал билд unity игры для web приложения в Telegram

Откройте Edit > Project settings > Player. Затем выберите Settings for WebGL. В разделе Publishing Settings поставьте компоненту Compression Format значение Disabled. А также уберите галочку Decompression Fallback

Как я сделал билд unity игры для web приложения в Telegram

2. Создание и редактирование билда

Теперь, когда всё готово, можно переходить обратно в окно Build Settings и кликнуть на кнопку Build. Затем выбираем папку, куда сохранится билд (название папки должно быть на английском), и ждем, когда скомпилируются все скрипты

После того как вы создали билд, если вы зайдете в папку с ним, вы увидите две папки и один файл. В Visual Studio откройте файл index.html

Этот файл нужно отредактировать  
Этот файл нужно отредактировать  

Заменяем эти строки кода

Как я сделал билд unity игры для web приложения в Telegram

На эти

<div id="unity-container" style="position: absolute; width: 100%; height: 100%; left: 0%; top: 0%;"> <canvas id="unity-canvas" style="position: absolute; width: 100%; height: 100%"></canvas>

В самом низу кода закомментируйте или удалите эти 3 строки

Как я сделал билд unity игры для web приложения в Telegram

А вверху эти

Как я сделал билд unity игры для web приложения в Telegram

А здесь вместо обоих значений поставьте 100%

Как я сделал билд unity игры для web приложения в Telegram
Как я сделал билд unity игры для web приложения в Telegram

На этом с изменениями окончено, теперь сохраните файл и закройте его

3. Загрузка билда

Заходим на сайт GitHub, регистрируемся и нажимаем кнопку New, чтобы создать репозиторий

Как я сделал билд unity игры для web приложения в Telegram

После этого закидываем в репозиторий все папки и файлы из билда. Когда закончится загрузка, кликните на кнопку Commit Changes

Как я сделал билд unity игры для web приложения в Telegram
Если при загрузке выводится это окно, то перейдите на <a href="https://api.dtf.ru/v2.8/redirect?to=https%3A%2F%2Fdzen.ru%2Fa%2FZxEDT8N63zJZ5XwY%3Fshare_to%3Dlink&postId=4711425" rel="nofollow noreferrer noopener" target="_blank">данную статью </a>и после решения проблемы возвращайтесь обратно
Если при загрузке выводится это окно, то перейдите на данную статью и после решения проблемы возвращайтесь обратно

В итоге должно получится вот так

Как я сделал билд unity игры для web приложения в Telegram

4. Редактирование репозитория

После загрузки билда необходимо внести некоторые изменения в созданный репозиторий, чтобы всё работало корректно

В репозитории переходим во вкладку Settings

Как я сделал билд unity игры для web приложения в Telegram

А затем в левом меню выбираем Pages

Как я сделал билд unity игры для web приложения в Telegram

Тут выбираем main и нажимаем save

Как я сделал билд unity игры для web приложения в Telegram

Обновите страницу через 2-5 минут. После обновления вы увидите кнопку Visit site, нажмите на неё

Как я сделал билд unity игры для web приложения в Telegram

Всё готово, ваша игра загружена на GitHub Sites

5. Создание бота

Скопируйте ссылку вашей игры и открывайте Telegram

Как я сделал билд unity игры для web приложения в Telegram

В Telegram в поиск пишем @BotFather и открываем его. Нажимаем запустить /start

Как я сделал билд unity игры для web приложения в Telegram

1. Пишем команду /newbot
2. Пишем имя новому боту
3. Пишем username который должен оканчиваться словом Bot

Как я сделал билд unity игры для web приложения в Telegram

6. Создание Web-приложения

1. Пишем команду /newapp
2. Выбираем только что созданного бота

Как я сделал билд unity игры для web приложения в Telegram

3. Пишем название
4. Пишем краткое описание
5. Загружаем обложку
6. Добавляем гиф или пропускаем введя команду /empty
7. Вставляем ссылку скопированную из GitHub
8. Вводим короткое название которое будет работать как ссылка
9. Открываем игру нажав на полученную ссылку

Как я сделал билд unity игры для web приложения в Telegram

Всё готово, теперь по данной ссылке любой сможет открыть вашу игру через Telegram

Как я сделал билд unity игры для web приложения в Telegram

На сегодня это всё, спасибо, что дочитали до конца. Буду рад, если вы подпишетесь на мой телеграм-канал, посвящённый геймдеву и нейросетям

7
4 комментария