Наброски. ?ли графические прототипы?

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

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

Когда я впервые разы начинал рисовать графику для Грибника, я придумывал размеры игрового экрана и размер тайлов (спрайтов), чтобы геймплей смотрелся органично и при это можно было бы сделать достаточно детализированную графику. ? мне показалось, что это не совсем удобно, потому что вначале нужно придумать размеры, а потом под эти размеры рисовать графику — а если размеры не устраивают? Графику приходится перерисовывать. А ведь пока не нарисуешь картинку, не понятно насколько удачно подобраны размеры. В общем замкнутый круг :) Конечно, многие делают вначале прототип игры со схематичной графикой (цветные кубики и кружочки), а только потом всерьез берутся за графику. Но у меня вот прототипы в том виде, в каком они должны быть — не очень получаются :) Мне нужно видеть как игра будет выглядеть с графикой, так как я считаю, что графика это важная составляющая игрового процесса. В общем у меня пока не получается отделить работу над кодом от работы над графикой, и в моем случае код и графика пишутся и рисуются практически одновременно. ? это мне кажется очень удобым, так как если вдруг что-то не стыкуется, то можно быстро и оперативно поправить, или сразу рисовать, учитывая ограничения в коде игры.

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

Набросок из игры Santa Is Coming

Графический прототип для игры «Santa Is Coming»

Подобные наброски мне приходилось уже делать для игры «Santa Is Coming» и для игры «Mining Truck». В Санте цель набросков была быстро определиться с основным игровым окружением, а позже, в фотошопе, я составил графический прототип игры, подобрав размер клеток и масштаб объектов - это почти первый мой подобный опыт и таким образом мне достаточно быстро удалось определится с масштабами в игре. К тому же после того, как набросок был сделан, оставалось его только перетянуть во Flash и симпатично обрисовать, что я и сделал.

Оригинальные наброски для игры Mining Truck

Оригинальные наброски для игры  «Mining Truck»

Следующей игрой была «Mining Truck», и я много думал о том, какие размеры объектов должны быть в игре. Но когда я понял, что размеры на угад практически не подобрать, я просто начал рисовать основные игровые объекты в произвольных размерах на разных листах бумаги. После того, как объекты были нарисованы и оцифрованы, я задал рабочему холсту в Photoshop желаемый размер игрового экрана, и масштабируя наброски, начал подбирать реальные по игровым меркам размеры игровых объектов на глаз. Таким образом уже через пол часа возни в Photoshop с набросками я полностью определился с игровыми масштабами.

Набросок для игры Mining Truck

Набросок для игры «Mining Truck»

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

У меня не всегда получается придумать сразу весь игровой мир со все возможными игровыми объектами. ?ногда, чтобы придумать какое-нибудь интересное и простое решение определенной задачи, требуется несколько дней на поиск идеи. Вот например общий мир игры «Mining Truck» с камнями, деревьями и самим грузовиком появился первым, и первая публичная версия игры не имела шахты и фабрики, на которую необходимо доставить груз. ? вот, пока я рисовал общее оформление игры, я регулярно думал как сделать интересной и простой загрузку и разгрузку грузовика, чтобы это все было просто. Если с фабрикой все достаточно просто, ведь можно показать как грузовик заехал в большой ангар и все, то с загрузкой немного сложнее. Вначале хотелось сделать большой такой экскаватор, который бы копал землю и насыпал её в грузовик — это было самое интересное решение, но его не хотелось делать в связи со сложной реализацией. Позже, просматривая фотографии с разных шахт с грузовиками, я вдруг неожиданно вспомнил свое славное детство, как мы лазили по закрытому гравийному заводу, где была масса экскалаторных лент, по которым транспортировался гравий. ? тут я понял — это то, самое простое и интересное решение :) ? вот основной игровой мир уже нарисован в чистовую, а как нарисовать фабрику и шахту еще не понятно.

Фабрика и шахта

Набросок для игры «Mining Truck», шахта и фабрика появились в последними

Конечно, все опять началось с набросков на бумаге с последующей оцифровкой, а когда шахта и завод с бумаги были оцифрованы, то я опять же очень быстро подогнал их под уже ранее определенные игровые масштабы. После чего экспортировал отмасштабированные наброски во Flash и красиво обрисовал. ? где-то в этот момент я осознал, что это ведь не просто наброски, это чуть больше, чем наброски, поскольку, используя их в Photoshop, можно прототипировать игру совсем без кода! :)

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

 

Карандашная графика так и осталась в игре. Неужели в момент "цифрования" не хотелось что то поменять или улучшить? =)

Кирилл
18 Марта 2010
— 07:39
#

Забавно! А я использую для альфа тестов и прототипирования графики непосредствено flash IDE. Вытаскиваю несколько объектов - участников в отдельный проект, масшабирую, оживляю их кодом по-минимуму (если необходимо) или также мышью и клавишами таскаю по полю. Довольно действенный способ прийти к правильным выводам на ранней стадии.

flazm
18 Марта 2010
— 08:03
#

?нтересный подход к созданию графики!!!
P.S.: Недавно играл в твою улучшенную версию грузовика на сайте Armor Games!

Руслан
18 Марта 2010
— 21:01
#

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

Ant.Karlov
18 Марта 2010
— 21:33
#

@flazm, все точно! Только все же самые первые плейтесты доводится делать непосредственно в PS или даже на бумаге ;)

Ant.Karlov
18 Марта 2010
— 21:35
#

@Руслан, на ArmorGames игра только час назад как была выпущена ;) ? да, там есть дополнительный уровень и некоторые улучшения.

Ant.Karlov
18 Марта 2010
— 21:36
#

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

Но много вопросов возникает в связи с "обрисовкой" во Флеше или Фотошопе.
Как это делаете вы? Есть ли тоже определенные выработанные правила работы с гарфикой, после того как наброски отсканированны? Наверное этот момент заслуживает уже отдельного поста.

CHLameR
19 Марта 2010
— 14:00
#

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

Ant.Karlov
22 Марта 2010
— 15:23
#

Прошу прощения, наткнулся на игру, очень похожую а вашу.
http://www.flashracingonline.com/node/1236/play
Это ваша игра или Рип-офф?

KotariX
10 Апреля 2010
— 13:42
#

она же http://www.mochimedia.com/games/tractors-power/

KotariX
10 Апреля 2010
— 13:47
#

и еще одна игра очень близкая по стилю http://www.playground.ru/flash/racing/3326/ от addictinggames

KotariX
10 Апреля 2010
— 23:10
#

@KotariX, Tractors Power — это рип-офф, да. Все свои игры или игры в разработке которых я принимаю участие, я в обязательном порядке анонсирую в блоге до релиза или в момент релиза.

Сейчас скорее всего пройдет небольшой бум низкокачественных игр на перевозку грузов. Спонсор оплативший Mining Truck получил хороший профит и сейчас он заказывает аналогичные игры другим разработчикам.

Ant.Karlov
11 Апреля 2010
— 02:10
#

@Ant.Karlov, твой блог просто Супер!:) ? не вздумай говорить спасибо, потому что ты и так постарался! Глаза слипаются, а оторваться пока не могу...
Новый дизайн сперва оттолкнул, но в целом идейка клёвая...... да ты и без меня всё прекрасно знаешь!!
Дерзай дальше:)

Женька
18 Июня 2010
— 03:20
#

У вас обалденный сайт!!! Такой простой, лаконичный, но в то же время оригинальный и очень атмосферный!

А графика и игры просто шикарные! В каждой игре чувствуется настроение, своя атмосфера, что вы душу в нее вложили... Честное слово, давно такого не видел!

Спасибо Вам за то, что вы делаете!

Construct
4 Сентября 2010
— 22:05
#

@Construct, мне очень приятно. Большое спасибо за отзыв! :)

Ant.Karlov
7 Сентября 2010
— 18:24
#