Композиция в левелдизайне

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

При проектировании уровня левелдизайнер может свободно компоновать свою виртуальную среду с помощью любых объектов. Это отличает его от пейзажных фотографов. Ему не нужно приспосабливаться к существующим элементам природы или архитектуры. Работу левелдизайнера можно сравнить с работой художника. В связи с этим уровень можно рассматривать как художественную галерею, а различные сцены на нём — как картины.

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

Бывший левелдизайнер CD Projekt RED Матеуш Пьяскевич несколько лет назад в своём блоге опубликовал текст про использование правил композиции при создании уровней. Он поделился своим опытом и рассказал про множество аспектов, на которые нужно обращать левелдизайнерам. Мы выбрали из материала главное.

Правила композиции могут применяться в нескольких случаях.

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

Композиция используется для организации пространства в привлекательную картину. Листья — только фон, нет необходимости вплетать их в композицию, если только это не важная куча листьев, которая должна привлечь внимание игрока. Природа создаёт прекрасные композиции, поэтому важно имитировать силу природы, а не подделывать её.

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

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

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

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

На этом примере красный блок — доминанта, жёлтые блоки — элементы композиции, зелёный блок — наблюдатель, белый сегмент — поле зрения наблюдателя, серая плоскость — земля.

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

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

Центр интереса — это слой или слои, на которых размещается доминанта композиции. Доминанта является фокусом композиции и не может сливаться с остальными объектами сцены. Тем не менее доминанта всё равно должна соответствовать окружению, но она должна быть ярче и находиться в выгодном положении, чтобы выделяться среди других элементов.

Благодаря доминанте можно быстро назвать тему сцены, например: «Зимняя сцена с руинами средневековой сторожевой башни в горах», где средневековые руины являются доминирующими, а горы — фоном. Можно использовать доминанты, чтобы рассказать историю сцены и сделать её узнаваемой. Нужно спланировать композицию так, чтобы доминантой был первый объект, который заметит наблюдатель. Важно убедиться, что нет никаких препятствий, которые сильно перекрывают доминанту.

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

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

Цель этих слоёв — выделить силуэт доминанты; произвести впечатление масштабом; создать глубину и устранить впечатление изолированности сцены. Чтобы подчеркнуть глубину используется воздушная перспектива. Также важно избегать использования ярких цветов, резких линий и большого количества деталей.

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

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

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

Низкий угол — доминанта видна сверху. Изображение может продемонстрировать глубину и перспективу. Этот угол даёт игроку отличную видимость на всех слоях композиции. Эту особенность можно использовать как преимущество пользователя и позволить ему спланировать свою тактику или маршрут исследования.

Плоский угол — доминанта находится на одном уровне с игроком. Из-за этого сцена может казаться плоской и скучной. В основном используется с сильными доминантами и высокими углами композиции. С помощью неё можно создать перспективу и глубину, плавно понижая высоту местности между игроком и доминантой.

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

С помощью разного угла по горизонтали, можно регулировать перспективу и глубину сцены.

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

Полупрямой угол — это угол, под которым перспектива становится видимой. Отлично подходит для использования в узких местах.

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

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

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

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

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

На скриншоте из Half-Life 2 экран и башня на заднем плане идеально сочетаются с линией крыш и формой городской площади. Эта композиция выглядит лучше всего, когда игрок покидает железнодорожную станцию, которая находится позади него. Идеальный угол наблюдения достигается, если провести игрока через воронку — дверь, которая является единственным выходом из станции.

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

В Doom 3: Resurrection of Evil можно увидеть, как дизайнер позаботился о композиции. Эта доминанта действует как помощник по навигации и выглядит красиво со всех сторон.

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

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

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

Статическая (симметричная) композиция — доминанта устанавливается в середине кадра. Из-за этого композиция кажется искусственной, сделанной человеком, чистой. Её лучше всего использовать, когда важно выделить рукотворные объекты или архитектуру.

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

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

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

Существует некоторое количество приёмов для дополнительного привлечения внимания игрока.

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

Линии используются для направления взгляда пользователя. Даже небольшое изменение положения игрока или угла наклона камеры может существенно изменить восприятие сцены. В композиции есть два типа направляющих линий:

Линии должны спокойно и мягко проходить через сцену в направлении доминанты. Это создаёт чувство гармонии. Можно построить элементы композиции так, чтобы нарисовать линию, которая ведёт к доминанте. Но есть некоторые открытые композиции, в которых линии мягко проходят через сцену, не показывая доминанту. Обычно эти линии применяются на заднем или переднем плане. Жёсткие линии и границы используются для доминант или других важных элементов композиции.

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

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

Кривые линии — S-образный серпантин, который плавно проходит через композицию. Это делает её мягкой и естественной. Для обозначения этих элементов можно использовать термин «линия красоты» из ландшафтной архитектуры.

Линии с резкими углами создают впечатление динамичной и активной сцены.

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

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

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

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

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

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

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

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

#левелдизайн #основы #лонг