Кейс дизайна игры для МегаФона: пиксель-арт, ламповые 80-е и больше 2 млн уникальных игроков за полтора месяца

Искали идею, рисовали макеты и прятали котиков по окнам, — в Red Collar. Собрали лучшее, что было в СССР.

«Панельки нашего двора» — новая промо-игра от МегаФона. Рассказываем, как делали ее: от идеи до пиксельного финала с 8-битной музыкой.

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

Надо было придумать идею для аркадной игры с механикой tower bloxx — геймплей заключается в строительстве башни из блоков — и нарисовать до старта маркетинговых активностей. Опорными точками для поиска идеи были:

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

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

Выбрали три идеи локаций, в которых будет происходить игра, и три варианта стилизации иллюстраций этих пространств:

• постсоветская ностальгия;
• футуризм космической эры, колонизация планеты;
  
• путешествия по странам, где уровни — разные атмосферные места, типа рисовых пагод в Китае.
  

Делать иллюстрации планировали в стиле сюрреализма «Розовой пантеры» — гротескная графика, плывущая геометрия — пиксельной графики или классических иллюстраций.

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

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

Уровни игры, которых должно быть четыре, решили сделать по десятилетиям: советское и постсоветское время: 60-е, 70-е, 80-е и 90-е. Референсы искали по этим отрезкам: гуглили архитектуру, ретро-игры, знаковые культурные произведения, культовые предметы и атмосферные вещи.

У МегаФона есть маскот — Коржик. Собака породы корги, которая также должна присутствовать в игре. Чтобы персонаж был уместен в разных десятилетиях, внедрили миф о том, что Коржик путешествует во времени на автомобиле DeLorean DMC-12 из фильма «Назад в будущее».

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

Пиксель-арт достаточно простой стиль иллюстрации. Однако, есть моменты, которые стоит помнить со старта работы.

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

1:1 не будет просматриваться с мобильной версии, поэтому мы увеличили арт-фон на 400 процентов. Каждый пиксель рисунка увеличивали на 4 пикселя для крупности.

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

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

Предполагалось, что фоны будут меняться от времен года, но из-за сжатых сроков было принято решение остановиться на лете. Различие в бекграунде сделали за счет смены времени суток: 60-е — это день, 70-е — вечер, 80-е — день и 90-е — вечер.

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

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

Особого внимания заслуживает небо — оно нигде не повторяется. Его делали чрез дизеринг — специальный прием, градиент, который складывается не путем смешивания цветов, а пиксельного «шумного», неплавного перехода. Усовершенствовали этот прием и встраивали в концепцию облаков. Отличаются только 80-е: в них небо сделано через облачные слои.

Для некоторых фонов референсами служила японская мультипликация: вдохновлялись оттенками цветов и градиентами.

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

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

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

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

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

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

Создали концепцию и графику для четырех уровней, четырех временных отрезков игры в механике «tower bloxx»: космические 60-е, рок-н-ролльные 70-е, романтичные 80-е и технологичные 90-е. Каждый уровень со своим набором характерных черт и отсылок.

В игре можно встретить фотоаппарат Смена 8м, кассетный бумбокс, видеодвойку с VHS из 90х, шлем Гагарина, олимпийского мишку из 80х и другие культовые артефакты.

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

Кстати, помимо игры мы успели стилизовать и главные призы: например, музыкальные колонки, часы и еще много всего. А еще делаем ряд иных интересных проектов с МегаФоном, но это уже совсем другие истории.