Сделай видеоигру один и не свихнись

Для Catmaze я выбрал разрешение 480 × 270 пикселей. Вся игра рисовалась под этот размер без всяких уменьшений и увеличений: главный персонаж, Алеста, заняла всего 44 пикселя в высоту (рис. 8).

Рис. 8

Спрайт Алесты из Catmaze высотой в 44 пикселя

Для рисования я использовал всего один инструмент – «карандаш» с твердыми краями и размером 1 пиксель. Каждый «квадратик» на этой картинке был кликом мышки. Когда вы видите один экран Catmaze – вы видите приблизительно 129 600 кликов мышкой.

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

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

Самым мощным помощником в рисовании с помощью пикселей станет Aseprite. Программа хоть и платная, но ее цена крайне мала и на момент написания этой книги составляет около 500 рублей. Aseprite будет помогать вам не громоздить лишних пикселей при рисовании линий, а также предоставит кучу инструментов для работы с анимацией, изометрией и интерполяцией. Помимо Aseprite можно присмотреться к Pyxel Edit – тоже весьма недорогой программе для работы с пиксель-артом. В отличие от Aseprite, Pyxel Edit больше предназначен для рисования окружения, нежели для работы над персонажами.

Если же вам принципиально, чтобы решение было бесплатным, можно посмотреть в сторону того же GIMP или же GraphicsGale – обе эти утилиты предоставят вам необходимый для нашей работы инструментарий.

Но для 2D-графики у нас остается еще и третье решение – забытое, игнорируемое, но не менее интересное, чем растровая графика или пиксель-арт. Я говорю про вектор! Я не предлагаю делать вам Flash-игры, потому что эта технология уже нигде не поддерживается, речь идет об использовании редакторов векторной графики с целью создания растровых изображений. Процесс этот выглядит так: вы рисуете что-либо в векторе, а экспортируете уже в. png (один из форматов для растровых картинок) и в таком виде добавляете в игру.

В векторных редакторах изображение состоит не из пикселей, а из математических формул. Главным плюсом такой структуры является то, что, пока вы не отрендерели изображение (не нажали «сохранить как. png») вы можете манипулировать размером картинки как угодно – на качестве рисунка это не скажется никаким образом (рис. 9).

Рис. 9

Сильно приближенное растровое изображение vs сильно приближенный рисунок того же размера, но в векторе

Современное привлекательное платное решение для вектора предоставляет Adobe Animate, а бесплатное – программа Inkscape. Плюсом работы в векторе является возможность рисовать мышкой и не чувствовать себя сумасшедшим: мы размещаем на холсте прямую линию, а затем с помощью курсора «гнем» ее в выбранных местах. Таким образом, линия всегда остается аккуратной, а не «дрожащей», как штрихи мышкой, выполненные в Photoshop.

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

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

Но взять некоторые объекты за основу для своих экспериментов с кистью или найти готовое решение, например, для интерфейса или эффектов, кажется не такой уж плохой идеей. Для покупки 2D-ассетов вам подойдут все уже перечисленные «маркетплейсы»: 2D-ассеты есть как и в Unreal Marketplace, так и в Unity Asset Store и на том же Envato. А вот за бесплатными 2D-ассетами можно заглянуть на itch.io (в раздел assets), kenney или на OpengameArt.

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