Мы уместили культовый мультфильм в раннере: мини-игра в ТГ к 8-летию «Простоквашино»

Команда «Союзмультфильм» обратилась к нам с задачей разработать игру в Телеграм в честь восьмилетия «Простоквашино». Главная цель миниапа — привлечь новых подписчиков в ТГ-канал студии и повысить узнаваемость сериала среди молодой аудитории.

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

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

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

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

Дизайн и анимация

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

Разработка

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

Front-end реализовали на Vue и Phaser. Также параллельно разрабатывалась серверная часть игры. Back-end отвечал за всю внутреннюю логику проекта: систему попыток, магазин, начисление очков, механику приглашения друзей, выдачу призов, работу ТГ-бота и проверку подписки на канал.

В результате внутри миниапа появилась полноценная игровая экосистема с собственной логикой вовлечения пользователей.

Проект запускался в период, когда Телеграм был замедлен более чем на 70%. Несмотря на это, пользователи могли проходить игру, собирать предметы, приглашать друзей и участвовать в розыгрыше призов.