Форматы экрана игры

Web-игры ВКонтакте могут работать в одном из двух форматов:

• •

  стандартном — игра отображается в границах элемента iframe;

• •

  широком — игра занимает всю область экрана пользователя.

Стандартный формат

В стандартном формате игра открывается в элементе iframe, который отображается внутри страницы ВКонтакте. Боковое меню ВКонтакте остаётся видимым слева.

Стандартный формат используется по умолчанию. Если вы меняли формат, то восстановить его можно следующим образом:

1. 1.

   В десктопной версии сайта ВКонтакте откройте страницу Мои приложения.

2. 2.

   В списке мини-приложений найдите свою игру и нажмите Редактировать. Откроется экран с настройками игры.

3. 3.

   Перейдите в раздел Настройки. В блоке Web отключите широкоформатный режим. При необходимости скорректируйте размер iframe.

4. 4.

   Нажмите Сохранить изменения.

Широкий формат

В этом формате игра может использовать всю область экрана пользователя.

Важно! Игра будет открываться в широкоформатном режиме только после публикации в каталоге.

Чтобы включить режим:

1. 1.

   В десктопной версии сайта ВКонтакте откройте страницу Мои приложения.

2. 2.

   В списке мини-приложений найдите свою игру и нажмите Редактировать. Откроется экран с настройками игры.

3. 3.

   Перейдите в Настройки → Web и включите широкоформатный режим.

4. 4.

   Выберите один из вариантов работы:

   • •
     Подстраивается под размеры окна — игра будет подстраиваться под размер экрана пользователя. Обратите внимание, что серверная часть игры должна возвращать правильно сконфигурированный HTML-код и данные для отображения клиентской части.

   • •

     Фиксированный iframe с фоном — игра будет работать в iframe фиксированного размера, а на заднем плане будет отображаться фон, подстраивающийся под размеры экрана пользователя.

     Изображение для фона вы можете установить в настройках игры: раздел Информация → Обложки и скриншоты → Фон для широкоформатного режима.

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

     Размеры iframe будут теми же, что вы указывали для стандартного формата.

5. 5.

   Нажмите Сохранить изменения.