Цвет в играх: всесторонний взгляд на один из самых полезных инструментов геймдизайна

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

Функции цвета в играх

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

1. Эмоции

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

Цветокоррекция – это популярный метод [позаимствованный, между прочим, у кинематографа], регулирования цветовой гаммы на одном и том же плане – как правило, в целях изменения настроения сцены. Вот пример плана с различными цветовыми градиентами:

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

2. Брендинг и мода

Цвет играет важнейшую роль в брендинге игр, и делает их мгновенно узнаваемыми: голубой и оранжевый в Portal, ярко-красный в Mirror’s Edge, мясо-красный в Super Meat Boy, сиренево-голубой в Super Mario Bros, кислотно-розовый в Hotline Miami:

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

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

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

2. Визуальная иерархия

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

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

4. Продвижение

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

В Geometry Dash задние планы идут в радужном порядке, поэтому каждый уровень выглядит уникальным и выразительным [эту идею мы обсудим ниже, в разделе «Вариативность контента»].

5. Механика

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

Exit Palette – игра-головоломка с механикой смешивания цветов. Цель состоит в том, чтобы добраться до выхода каждого уровня, раскрасив объекты в разные цвета. Различные цвета наделяют объекты разными свойствами [например, заставляя их взлетать], и, микшируя правильные цвета, игрок придаёт объектам конкретные свойства, необходимые для решения задачи.

В игре Hue нужно перемещаться между оттенками игрового мира – для того, чтобы исчезали препятствия и некоторые объекты.

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

В некоторых играх механика строится на умении различать цветовые оттенки. The color! — игра, в которой нужно нажимать на ячейку, отличающуюся по цвету от всех остальных, причём, разница в оттенках постепенно уменьшается, а количество квадратов увеличивается. В Specimen нужно среди нескольких пузырьков в чёрной чашке Петри найти тот, чей цвет идентичен цвету фона.

Blendoku просит игрока расположить цвета в градиентном порядке, выстраивая их наподобие кроссворда. В Huedoku та же идея реализована на квадратной сетке. Обе игры напоминают Online Color Challenge, тест на способность рассортировать наборы цветов по градиенту.

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

Идентификаторы и знаки

Цвет в играх позволяет идентифицировать различные элементы и информирует об их свойствах.

1. Идентификаторы

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

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

2. Знаки

Знаки сообщают о свойствах игрового элемента [предмета или игровой области]. Цвет подсказывает, можно ли взаимодействовать с данным предметом или областью и каким образом его использовать.

В беговом режиме Mirror’s Edge красным цветом выделены объекты, указывающие верное направление.

В Witness разные цвета отмечают значимость особых зон.

В Portal 2 воронка создаёт два вида порталов: голубые предназначены для объектов, которые нужно вытолкнуть наружу, а оранжевые — для тех, которые нужно втянуть внутрь.

Цвет позволяет классифицировать зелья в Piratеs of the Caribbеan Online [и во многих других играх] в зависимости от того, из чего они изготовлены.

Вариативность контента

Цветовая вариативность — самый доступный способ увеличения количества контента.

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

Некоторые игры, такие как Tiny Wings и Blowfish Rescue, используют алгоритмы генерации бесконечного множества цветовых схем.

Для Unitу есть плагин Colors, с помощью которого можно сделать вот так:

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

Технологии

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

Galaxian 1978 года — одна из первых игр [помимо Wimbledon 1974? г. и Color Gotcha 1973 г.] с RGB-цветосинтезом. До этого момента цвета, используемые в играх, создавались с помощью целлофановых листов и картонных фонов.

Одни из самых первых устройств, которые поддерживали больше чем 265 цветов, были PC Engine [1987] с 482 цветами, которые могли отображаться одновременно [из 512 возможных], и Neo Geo [1990] с одновременным отображением 4096 цветов из 65536 возможных. В 1994 году PlayStation установила новый стандарт, используя 16,7 миллионов цветов.

Цветовая гамма устройства [принтера, телевизора или жидкокристаллического дисплея] – это часть цветового пространства, которое может быть отображено с помощью данного девайса. Большинство дисплеев выводят картинку, используя три первичных цвета: красный, зелёный и синий. Их комбинация позволяет получать любой оттенок в пределах треугольной области, ограниченной этими тремя цветами.

Технологический прогресс породил устройства, способные отображать всё больше и больше цветовых гамм, а значит, увеличилось и количество цветов в играх. Реальных устройств, способных воспроизвести весь видимый спектр, пока не изобрели, но технологии постоянно совершенствуются. Некоторые проекторы [вроде Brilliant color] используют большее количество первичных цветов для увеличения цветового охвата. Лазерный экран посредством трёх лазеров воспроизводит самый широкий цветовой диапазон среди доступных в наше время дисплеев [около 90% цветов, воспринимаемых человеческим глазом], благодаря тому, что лазер может воспроизвести идеальный основной цвет.

Старые способы разнообразить цветовую гамму

Сменные палитры использовались для масштабирования арт-контента в 8- и 16-битных играх, а также для облегчения работы создателям многочисленных 2D-спрайтов. Количество игровых персонажей и предметов росло за счёт окрашивания одного и того же спрайта в разные цвета:

Кроме того, смена палитры осуществлялась в различных игровых сценах для получения большего количества доступных цветов. До изобретения 3D-рендеринга и полноцветных 32-битных игр применялись циклические палитры, чтобы анимировать воду, огонь и другие природные эффекты в таких играх как S.P.Y. Special Project Y. Подобный цветовой цикл создавался при помощи одного плоского изображения и цикличного замещения 256 цветовых оттенков [именно столько цветов могли обработать видеокарты того времени]. Визуальные эффекты [т.е. анимация] создавались благодаря переключению цветов палитры, таким образом создавалась иллюзия движения пикселей.

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

Биология цвета

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

Пример биологического воздействия – восприятие красного цвета. Красный свет фокусируется за сетчаткой глаза, делая хрусталик более выпуклым, чтобы приблизить изображение. В результате нам кажется, что красное движется вперёд. Это объясняет почему красный привлекает внимание [данное свойство используется в Mirror’s Edge] и почему предметы тёплых оттенков кажутся нам ближе предметов холодных оттенков.

1. Дальтонизм в играх

Дальтонизм, или нарушение цветового зрения – это неспособность или пониженная способность воспринимать цвета или разницу между цветами при нормальном освещении.

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

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

Распространённая проблема в командных шутерах – красные и зелёные индикаторы, отмечающие «своих» и «чужих». Популярным решением [впервые реализованным в Call of Duty: Black Ops] стали синие и оранжевые цвета индикаторов в качестве альтернативы. Разработчики из компании Treyarch пошли ещё дальше – наняли тестера-дальтоника.

2. Невозможные цвета

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

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

Ряд экспериментов доказывает, что на самом деле невозможные цвета можно увидеть. Для этого используются специальные упражнения для утомления колбочек или же устройства, отслеживающие движения глаз. Из последних примеров можно привести очки виртуальной реальности Oculus Rift, позволяющие видеть невозможные цвета в игре Diatomic Number.

---