[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "clmf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fjog" } } }, { "id": 10, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "create", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "clmf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-250597-0", "render_to": "inpage_VI-250597-0-549065259", "adfox_url": "//ads.adfox.ru/228129/getCode?p1=bxeub&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid21=&puid22=&puid31=&puid32=&fmt=1&pr=" } } ]
{ "author_name": "Андрей Верещагин", "author_type": "self", "tags": ["\u0433\u0440\u0430\u0444\u0438\u043a\u0430","\u0430\u0440\u0442"], "comments": 0, "likes": 22, "favorites": 6, "is_advertisement": false, "section_name": "gamedev", "id": "11088" }
Андрей Верещагин
1 185
Gamedev

Создание визуального стиля 20XX

Как картинка и анимация помогают геймплею.

Поделиться

В избранное

В избранном

Разработчики платформера 20XX, вышедшего в Steam 16 августа, рассказали сайту Gamasutra о важности «считывания» игроком информации с экрана и как художественное исполнение помогает игровому процессу.

20XX — это скоростной платформер, с элементами «rouglike». Он совмещает в себе случайно сгенерированные уровни и геймплей в стиле серии Mega Man X. Игра постоянно тестирует игрока на реакцию. Именно поэтому художественное исполнение и анимация имеют больше значение.

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

При этом разработчики не отрицают, что визуальное наполнение попросту выглядит хорошо. Выбор стиля 20XX продиктован не только желанием её создателей сделать игру, которую будет легко «считывать». Имея среди источников вдохновения Mega Man X, разработчики знали, что действие их проекта будет происходит в научно-фантастическом антураже, однако, подход к нему менялся по ходу работы над игрой.

По словам программиста и дизайнера Криса Кинга, за те четыре года, что шла разработка, команда Batterystaple Games многому научилась. Он отмечает, что создатели игры «были новичками», когда работа только начиналась, но с развитием их навыков менялся и визуальный стиль игры.

Где-то на этапе второй визуальной итерации игра выглядела очень красочно, как детский мультфильм. Это хорошо сочеталось с быстрым геймплеем, требующим от игрока молниеносной реакции. Стиль Зака Урте привнёс в игру закруглённые края и плавные линии. Он определённо черпал вдохновение из работ Криса Сандерса, вроде «Лило и Стич».

Крис Кинг, программист и дизайнер Batterystaple Games

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

«Мультяшный» стиль стал именно тем, что хотели сделать разработчики, в своих стремлениях достичь чистоты картинки. При этом 20XX требовалось сохранить геймплейный дух тех проектов, которые послужили для неё источниками вдохновения. Однако в условиях случайно сгенерированных локаций игрок попросту не сможет запомнить расположение противников, поэтому ему придётся действовать по обстоятельствам, не имея за плечами опыта.

Анимация

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

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

Проблему отчасти решили, сфокусировавшись на анимации персонажей.

В игре вроде 20XX, очень важно, чтобы отклик на нажатие клавиши происходил моментально. Это также диктует свои условия анимации. Если Нине потребуется три кадра анимации, чтобы поднять бластер, или меч Эйса будет наносить удары с такой же частотой, игра сразу же станет хуже.

Крис Кинг, программист и дизайнер Batterystaple Games

Разработчики сделали атаки противников узнаваемыми, выделили их, чтобы игрок мог моментально реагировать. По словам Кинга, программа Spine помогла создателям 20XX сделать так, чтобы любая анимация могла проигрываться в любой момент, вне зависимости от того, что сейчас делает персонаж. При этом Batterystaple Games добавили персонажам несколько более подробных движений в тех моментах, когда это не вредит геймплею. Например, герои сами медленно опускают оружие, приземляются или останавливаются на бегу.

Все атаки в 20XX происходят моментально. Несколько лишних кадров анимации могут привести к смерти персонажа. «Считываемость» окружения важна, но возможность быстро реагировать на опасности — это другая часть уравнения.

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

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

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

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

Крис Кинг, программист и дизайнер Batterystaple Games

#графика #арт

Популярные материалы
Показать еще
{ "is_needs_advanced_access": false }

Комментарии Комм.

0 новых

Популярные

По порядку

Прямой эфир

Узнавайте первым важные новости

Подписаться