Пиксель-арт в играх и веб-пространстве: история и развитие

Пиксель-арт или пиксельная графика — форма цифрового искусства, в которой изображения создаются и редактируются на уровне видимых пикселей. Когда-то художники, дизайнеры и программисты работали с пикселем вынужденно, за неимением иных технологий; в наше же время возможности компьютерной графики прогрессировали до широких возможностей. Тем не менее, пиксель-арт по-прежнему существует как направление графики. Вот только принципы его использования и цели, с которыми он применяется, сильно изменились…

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

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

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

Считается, что первый «диджитальный» пиксель появился в 1957-м году, благодаря первой оцифрованной фотографии. Рассел Кирш, американский инженер NIST (National Institute of Standards and Technology), участвовал в создании первого программируемого компьютера в США, SEAC (Standards Eastern Automatic Computer). Разработка шла с 1950 года. Изначально подобные устройства использовались в основном для работы с вычислениями и цифровыми данными, и не имели доступа к графике. Только в 1957 году Кирш и его команда начали экспериментировать с цифровыми изображениями.

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

Термин «пиксель-арт» (pixel art) появился ещё позже, в 1982-м, в журнальной статье за авторством учёных Адель Голдберг и Роберта Флегала, работавших в исследовательском центре Xerox в Пало-Альто.

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

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

Когда-то все графические элементы в интерфейсах компьютеров были пиксельными.

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

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

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

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

Несмотря на ограничения в возможностях графики в то время, детали первых дизайн-систем Macintosh имеют собственный заметный характер и даже дружелюбных обитателей внутри шрифтов. Собако-корова по имени Кларус (Clarus the Dogcow) — легендарный элемент из дополнительного набора глифов оригинального шрифта Cairo, использовавшегося в системе. [t]

Здесь можно увидеть первые варианты использования цвета в интерфейсе, а также альтернативное использование графики для создания пользовательского интерфейса: в Amiga, например, была визуальная метафора, связанная с мастерской (отсюда же название «workbench» — верстак).

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

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

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

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

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

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

«Bertie the Brain», увидевшая свет в 1950-м году, выводилась с помощью ламп на 4-хметровом в высоту аркадном аппарате. А вот первыми крестиками-ноликами, запущенные непосредственно на компьютере, было OXO — проект Александра С. Дугласа, программа была создана в качестве иллюстрации к его докторской диссертации в 1952 году.

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

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

В 1980-х на рынке появляется всем известная Nintendo со своими первыми компьютерными и консольными играми. Несмотря на огромное количество новых игр, связанных с этой вселенной, большинство геймеров знает Марио именно как пиксельного водопроводчика из грибного королевства.

На всех приведённых выше примерах видно часто присущее пиксельной графике свойство: действие игры всегда происходит в одной единственной плоскости.

Одним из ранних примеров работы над введением нескольких плоскостей является Tempest (1981) от Atari.

По мере освоения эффекта 3D пространства стал изменяться внешний вид игр-гонок. Изначально здесь использовались лишь 2D эффекты, создающие иллюзию 3D пространства. Но, постепенно, графика становилась всё сложнее и разнообразнее.

Чем лучше становилась графика, тем больше механик и возможностей можно было реализовать в игре.

Но, пожалуй, самым ярким и известным примером введения 3D пространства в игры (всё ещё с пиксельной графикой) является Doom от Nintendo. Здесь реализуется вид от первого лица в игре.

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

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

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

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

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

Становится распространён «воксель-арт»: графика, составленная по аналогии с использованием двухмерных пикселей, но в трёхмерном пространстве. Часто эту технику используют для намеренной стилизации 3D генерации под пиксель-арт.

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

Когда-то пиксель-арт был основным и единственным стилем компьютерной графики. Со временем появилось огромное количество разных техник, стилей и способов работать с изображениями, так что в большинстве сфер веб-дизайна — например, в дизайне интерфейсов — отдельные пиксели изображений перестали быть видны.

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

Развитие технологий оказало влияние и на пиксель-арт: чем дальше, тем сложнее могли становиться картины, а в какой-то момент пиксель стал объёмным; вексел-арт — прямой потомок пиксель-арта, и сейчас он используется для создания эффектной графики в 3D играх. Благодаря современным технологиям дизайнеры смогли обойти ограничения пиксель-арта, существовавшие изначально, но сейчас он находит применение при создании особой стилистической графики.