Портретный режим — самая приятная работа за последнее время

Идея, которая пришла внезапно

Я хотел регулярно выкладывать промо-контент. Геймплейные клипы в формате Shorts казались очевидным решением — но игра работает в горизонтальном режиме. И тут меня осенило: а что, если просто добавить в игру портретный режим?

Специфика Shorts-формата

Shorts смотрят преимущественно на телефоне. На ПК виден весь экран, но на мобильном нижняя часть закрыта кнопками лайков, комментариев и прочим интерфейсом.

Система диалогов в моей игре расположена внизу экрана. Это значит, что самое важное содержимое будет скрыто именно там, где зрители не смогут его увидеть.

Решение: SubViewport

Ответ нашёлся в Godot — SubViewport.

С его помощью можно разместить отдельный контент выше и ниже основного игрового экрана, фактически вписав 16:9-геймплей в 9:16-кадр. Пустые зоны я не оставил пустыми — заполнил их логотипом Talisman Codes и игровыми изображениями.

Проблема пропорций никуда не делась

Но оставалась ещё одна сложность. Игра построена на базе 16:9, и попытка растянуть её для заполнения вертикального пространства ломала пропорции — изображение выглядело неправильно.

Идея из веб-разработки

Решение пришло из веба: адаптивная вёрстка.

Вместо растяжки я переработал весь UI с нуля под вертикальный формат. Результат не идентичен десктопной версии по пикселям, но передаёт всё, что нужно показать. Особенно интересно получился экран боя — карточки навыков, которые обычно расположены горизонтально, теперь выстраиваются вертикально и обретают свою особую эстетику.

Оно того стоило

Портретный режим работает. Shorts выходят стабильно, вертикальная верстка держится достойно.

Это самая удовлетворяющая работа за последнее время. Одна идея открыла совершенно новый способ рассказывать об игре — и попутно сделала меня лучше как разработчика.