Анатолий Адонин 

За отображение кнопок выбора отвечает экран choice. Его также можно найти в файле screen.rpy. Он выводит кнопки с доступными вариантами действий и определяет, как они будут выглядеть на экране.

Когда в сценарии используется конструкция menu, Renpy автоматически передаёт варианты в экран choice, который с помощью цикла создаёт соответствующие кнопки.

По умолчанию внешний вид menu определяется несколькими элементами:

1. Изображения кнопок в папке gui/button. Вы можете заменить их на свои картинки с таким же названием.

Quick Menu (быстрое меню) - это набор кнопок, который отображается в нижней части экрана во время игры. С его помощью игрок может произвести некоторые действия без необходимости открывать основное меню. Данный экран находится в файле screen.rpy.

На скриншоте выше можно увидеть, что меню отображается в зависимости от состояния переменной if quick_menu. Эта запись аналогична if quick_menu == True (если переменная quick_menu равна значению True: отобразить горизонтальный бокс).

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

В определённые моменты игры быстрое меню можно скрывать и открывать, просто переключая значение переменной в состояние False / True.

Экраны screen save и screen load, как и прочие экраны интерфейса можно найти в файле screens.rpy. Если мы посмотрим на них, то увидим, что они состоят всего из двух строк.

Tag menu добавляет экран в группу экранов главного меню. При открытии одного из них, другой с таким же тегом автоматически закрывается.

use file_slots - использует внутри этого экрана другой экран, с названием file_slots. То есть, чтобы отредактировать экраны сохранения и загрузки нам предстоит работать с экраном file_slots, в нём прописана таблица, которая раскладывает слоты сохранения и загрузки.

Экран настроек screen preferences также находится в файле screens.rpy. Как и другие экраны главного меню, он имеет привязку game_menu и состоит из нескольких вложенных контейнеров, которые мы можем изменять и удалять по необходимости.

Для понимания вложенности, на скрине каждый из боксов выделен своим цветом. Сначала располагается вертикальный контейнер (белый), который содержит внутри себя два горизонтальных контейнера (красные). Каждый из горизонтальных включает в себя несколько вертикальных (желтых).

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

В screen about обычно отображается информация, касающаяся версии движка и названия игры. Аналогично главному меню, данный экран можно полностью изменить, добавив свои графические элементы и новую информацию.

Напомню, что screen about можно найти в файле screens.rpy. В коде он выглядит примерно так:

Разберём элементы, находящиеся в нём:

tag menu - добавляет экран в группу экранов главного меню, благодаря чему при переходе на другой экран, этот автоматически закрывается.

use game_menu(_("Об игре"), scroll="viewport") - использует экран game_menu внутри экрана about, добавляя все его элементы. Сам экран можно найти, пролистав данный файл выше:

В предыдущем уроке мы разобрались из чего состоит главное меню и как его можно редактировать. В данном посте изменим его таким образом, чтобы оно было оформлено по-новому, но это не влияло на остальные экраны главного меню. Так как при изменении screen navigation - это повлияет на все остальные экраны.

По умолчанию все кнопки для главного меню собраны в вертикальный бокс. Если мы заменим его на горизонтальный - это повлияет на все остальные экраны:

То есть, чтобы сделать оригинальное главное меню нужно работать непосредственно со screen main_menu. В первую очередь нужно убрать привязку use navigation, чтобы стандартные кнопки не отображались на главном экране. При этом они останутся привязаны к другим экранам и будут доступны в них.

В 10-ом уроке мы поверхностно познакомились с тем, как редактировать главное меню игры. Теперь, когда мы освоили систему экранов, мы знаем, как устроен интерфейс в Renpy.

Все экраны главного меню прописаны в файле screen.rpy. Различные параметры внутри экранов хранятся в переменных в gui.rpy. В ближайших нескольких уроках мы разберём все экраны главного меню и настроим их под себя.

Итак, откройте screen.rpy в своём редакторе кода, нажмите ctrl + f, для вызова окна поиска. Напишите в нём screen navigation и нажмите Enter.

Создание уникального курсора помогает сделать его более заметным на экране и упрощает навигацию для пользователя. Различные типы курсоров могут сигнализировать о разных видах взаимодействия в игре, таких как управление объектами или запуск действия.

Изменить внешний вид курсора в Renpy довольно просто. Для этого нужно подготовить изображения с прозрачным фоном и подходящим разрешением. Стандартный размер курсора для Windows составляет 32x32 пикселя, но можно использовать и больший размер.

Далее необходимо настроить конфигурацию курсоров, записать путь к изображению и точку пересечения.

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

Простой вариант бара можно записать так:

По ходу игры, изменяя параметры персонажа, полоска бара может заполняться или уменьшаться:

Ранее мы создали несколько экранов с различными интерфейсами, которые открываются при клике на соответствующую кнопку на экране. Мы также можем продублировать открытие этих экранов с помощью кнопок на клавиатуре. Иногда это удобнее, чем тянуться курсором к определённой области.

В главном экране интерфейса (screen mousearea_scr) для этого необходимо прописать ключ с названием кнопки и действие, которое должно произойти после её нажатия:

После action достаточно скопировать код, который прописан в соответствующей кнопке на экране screen: