Вертикальная ориентация игры. Unity. Яндекс игры.

Я решил сделать игру на "Яндекс игры" с вертикальной ориентацией на Unity. Использую плагин PluginYG для того чтоб не отвлекаться на подключение yandex sdk, и посвятить еще больше времени на проработку самого геймплея. У этого плагина есть все функции но нету как раз таки реализации вертикальной ориентации для пк пользователей.

С этой проблемой я пошел в документацию плагина, прочитал ее от А до Я, но так и не нашел ответа, ведь я думал есть какая-то галочка в настройках плагина, поставил ее и вуаля, игра четко отображается в окне браузера в вертикальной ориентации, а по вертикальным границам окна игры красивые тени, которые выделяют ее от бэкграунда. Но к сожалению такой волшебной галочки в плагине нет. И я пошел дальше.

Следующий этап моих поисков были Форумы и YouTube. Но форумах ничего толкового не нашел, а вот на ютубе было кое-что. В этом ролике парень рассказывал как сделать эту злосчастную ориентацию с красивыми тенями слева и справа от границ игры. Говорилось про веб-шаблон, и о том что он не конфликтует с плагином PluginYG, но я сомневался в этом, так как видео вышло год назад, но это была моя последняя надежда реализовать мою задумку, ведь я потратил несколько дней на эту казалось бы тривиальную задачу. Перешел я по ссылке ведущей в телеграмм (там должен был быть архив с этим веб-шаблоном), но сюрприз: телеграмм канал удален, надежд больше нет. Руки опустились.

Но спустя некоторое время, после расслабляющего просмотра нескольких серий одного сериала, я понял, что нужно немножко изучить html5 или css, хотя я не люблю лезть в другие языки программирования кроме c#, но видимо так когда-то нужно начинать.

Сейчас расскажу что нужно сделать, чтоб получить вертикальную ориентацию на пк.

1. Мы будем редактировать скрипт style.css. Находится он тут: Assets/WebGLTemplates/PluginYG/style.css. Открыть можно с помощью Visual studio.

2. Редактировать будем вот эти 2 метода (не уверен что тут это называется методами).

Вертикальная ориентация игры. Unity. Яндекс игры.

3. #unity-container. Добавим сюда 3 новые строчки:

25 строчка: делает экран игры по центру окна браузера
26 строчка: тут я не понял зачем она, но без нее игра остается в левой части экрана браузера.
27 строчка: это цвет заднего фона, думаю вы разберетесь как задать свой цвет, у меня он серый. Но не делайте черный, модерация яндекса это вроде как не любит, но сам я не проверял.

4. #unity-canvas. Тут немного сложнее

Во первых нам нужно чтобы на мобильных устройствах ничего не изменилось. По этому пишем что-то вроде if
@media (hover: hover) - это логика для пк@media (hover: none) - логика для мобилок
32 строчка: соотношение сторон экрана, можете прописать любое какое вам будет удобно
34 строчка: это как раз тени по бокам, о которых я писал выше, можете с ними поиграться, а можете удалить эту строку, и теней не будет.

Вот так выглядит игра с этими изменениями:

На этом все. Надеюсь я вам помог и сэкономил не мало времени. Удачи с вашими проектами.