ОКНА ВЫБОРА
Original size 1140x1600

ОКНА ВЫБОРА

В некоторых играх интерактивность достигается за счет введения разветвленной сети диалогов. Игрок получает возможность выбрать один из предложенных разработчиком вариантов реакций или действий.

Такие выборы могут непосредственно влиять на сюжет и приводить к разным финалам одного и того же квеста.

big
Original size 1920x1080

Cyberpunk 2077 (2020) от CD Projekt RED

Окна выбора — особый вид интерфейсов, который работает в симбиозе с диалоговыми окнами.

Наличие окон выбора создает у пользователя ощущение уникальности получаемого игрового опыта, что позитивно влияет на его отношение к игре.

Список

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

big
Original size 1920x1080

Fallout 3 (2008) от Bethesda Game Studios

В визуальных новеллах кнопки выбора действия традиционно располагаются в центре экрана. Это классический шаблон, вшитый в движок Ren’Py и другие подобные программы.

Original size 1200x675

</reality> (2017) от Fancy Fish Games

Original size 1680x484

Слева — Dead in Vinland (2018) от Ishtar Games, справа — Cafe Rouge (2020) от Sonya Fung

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

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

Original size 1733x974

AIdol Artificial Intelligence Idol (2017) от MysteryCorgi

Original size 1280x720

Love, Money, Rock’n'Roll (2022) от Soviet Games

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

Original size 1680x484

Слева — Fallout (1997) от Interplay Inc., справа — Sally Face (2016) от Portable Moose

Original size 1918x1080

Scarlet Hollow (2021) от Black Tabby Games

Однако, в современных triple-A играх превалирует вариант бокового расположения кнопок. Именно этим типом верстки пользуются разработчики большинства современных крупных игровых франшиз.

Original size 1920x1080

The Elder Scrolls V: Skyrim (2011) от Bethesda Game Studios и Iron Galaxy Studios

Original size 1680x484

Слева — The Witcher 3: Wild Hunt (2015) от CD Projekt RED и Saber Interactive, справа — The Legend of Zelda: Breath of the Wild (2017) от Nintendo

Original size 1680x484

Слева — Genshin Impact (2020), справа — Honkai: Star Rail (2023) от hoYoverse

Безусловным новатором в оформлении окон выбора стала команда разработчиков из Quantic Dreams. Эта студия специализируется на создании интерактивного кино.

Естественно, что такому специфическому жанру, стилизованному под реальные съемки, не подходит интерфейс в виде списка в его классическом виде.

Разработчики из Quantic Dreams отказались от статичного положения кнопок выбора на экране. В их произведениях кнопки оживают и двигаются в соответствии с темпо-ритмом сцены.

Original size 498x283

Heavy Rain (2010) от Дэвида Кейджа, Quantic Dream и Virtuos

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

Original size 1439x809

Beyond: Two Souls (2013) от Quantic Dream

Original size 1360x764

Detroit: Become Human (2018) от Quantic Dream

Диалоговое кольцо

Диалоговое кольцо — это уникальный интерфейс, разработанный компанией BioWare для оформления окон выбора в своих играх. Он имеет четко заданную структуру. В верхней правой части диалогового кольца располагаются «добрые» ответы, в середине — «нейтральные», а внизу — «враждебные».

Original size 1424x345

Подробная структура колеса диалогов в серии игр Mass Effect

Original size 1920x1080

Mass Effect (2007) от Demiurge Studios, Edge of Reality и BioWare

В основной серии Mass Effect цвет реплики служит дополнительной подсказкой о том, в каком тоне будет общаться с собеседником главный герой.

В свою очередь, во второй и третьей частях игры Dragon Age этот маркер заменили на характерную иконку внутри диалогового кольца. Она отражает ту или иную эмоцию: так, на ироничную реплику указывает изображение в виде маски, а на романтичную — сердца.

0

Первый слайд — Dragon Age 2 (2011), второй слайд — Dragon Age: Inquisition (2014) от BioWare

Естественно, выбор стиля речи персонажа и маркировка эмоций цветом не являлся как таковым изобретением BioWare. В том или ином варианте он появлялся и в более ранних играх.

Например, в The Elder Scrolls II: Daggerfall в специальной колонке в верхнем правом углу экрана можно было выбрать тон, в котором говорил главный герой, а в игре Vampire: The Masquerade реплики «определенного» содержания выделялись не только особым цветом, но и особым шрифтом.

Original size 1920x1080

The Elder Scrolls II: Daggerfall (1996) от Bethesda Softworks

Original size 1200x960

Vampire: The Masquerade (2004) от Troika Games

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

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


Аналоги диалогового кольца среди интерфейсов видеоигр можно встретить не так часто, вероятно потому что патент на него принадлежит компании BioWare. Естественно, все аналоги носят упрощенный характер.

Original size 1200x675

Alpha Protocol (2010) от Obsidian Entertainment

Original size 1680x484

Слева — Sam Max The Devils Playhouse (2010) от Telltale, справа — The Bureau XCOM Declassified (2013) от 2K

Original size 1920x1079

Stray Gods The Roleplaying Musical (2023) от Summerfall Studios

Диалоговое кольцо максимально удобно для игр, предназначенных для консолей, но не очень подходит для пользователей ПК платформ. Несмотря на это при адаптации проекта разработчики часто вносят в интерфейс лишь минимальные изменения.

Например, при переносе 4-й части Fallout выбор опций диалога с кнопок геймпада был просто переназначен на стрелки на клавиатуре. К счастью, игрокам оставили возможность активировать ответ нажатием мыши.

0

Fallout 4 (2015) версия для PSP4 и PC от Bethesda Game Studios

Original size 1920x1080

Любительская модификация, превращающее окно выбора в Fallout 4 из диалогового кольца в удобный для использования список

С наибольшим вниманием к нуждам игроков отнеслись разработчики серии игр Walking dead. Студия Telltale создает для своих игр два варианта интерфейса: аналог диалогового кольца для консолей и «список» для ПК платформ.

Original size 1920x1080

The Walking Dead: Season 2 (2013) от Telltale, версия для Xbox

Original size 1920x1080

The Walking Dead: Season 2 (2013) от Telltale, версия для компьютеров

Знаки

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

Original size 1445x801

Chuchel (2018) от Amanita Design

Original size 1280x720

The henry stickman (2020) от PuffballsUnited

Таймер

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

Традиционно таймер выглядит как длинная линия, убывающая с одной или двух сторон.

Original size 1280x720

The wolf among us (2013) от Telltale

Original size 1680x484

Слева — The Witcher 3: Wild Hunt (2015) от CD Projekt RED и Saber Interactive, справа — Detroit: Become Human (2018) от Quantic Dream

Chapter:
1
2
3
4
5
We use cookies to improve the operation of the website and to enhance its usability. More detailed information on the use of cookies can be fo...
Show more