Бриф

«Енот-пятиборец» Marketing MIX сделала для себя, поэтому этот кейс — о нашем собственном продукте. Идея пришла от владельца студии списком аркад, которые все помнят с детства: падающие фигуры, персонаж, который ловит яйца, башня, которую надо сложить, бег по платформам и налёт на караван. Он хотел всё это в одной игре.

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

Игру собрали и выпустили 8 ноября 2026 года. История репозитория начинается в этот день с каркаса игры и заканчивается вечером того же дня раскладкой на две руки для телефона.

Что мы сделали

Один герой, пять дисциплин

Сюжетная рамка — пятиборье городка Енотовка. Енот Жора в воровской маске выступает в пяти дисциплинах, и у каждой своё условие победы и проигрыша:

  • Склад. Падающие фигуры из ящиков. Победа — 40 собранных рядов, проигрыш — ящики до потолка.
  • Курятник. Яйца катятся по четырём жёлобам. Нужно поймать 100, три промаха заканчивают забег.
  • Вокзал. Башня из чемоданов: 25 этажей без трёх промахов и без обрушения.
  • Крыши. Бегущий платформер с голубями и монетами, три сердца.
  • Тракт. Догнать караван, взять три повозки и уйти в лес, пока охрана не закрыла ворота.

Шестой режим, «Кутерьма», запускает всё сразу: Жора бежит к каравану, а по пути встречает ящики, яйца, чемоданы и крыши. У каждого режима свой рекорд.

Общий кошелёк и лавка шапок

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

Двухкрасочная печать

Художественное направление повторяет ризографскую печать на холодной газетной бумаге. Каждая фигура печатается в два прогона: флуоресцентный розовый слой сдвинут на два пикселя под синим, а тени и переходы сделаны точками полутона. В палитре шесть цветов, один радиус скругления и никаких размытых теней. Шрифты Dela Gothic One и Golos Text раздаются с собственного хоста игры. Звук синтезируется в коде.

Для телефона и клавиатуры

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

Где проект сегодня

8 ноября 2026 года игра работает на pyatibor.mmix.biz на русском языке. В меню видны кошелёк, счётчик взятых дисциплин из пяти, лавка шапок, «Кутерьма» и пять дисциплин со строкой рекорда под каждой. В подвале стоит подпись Marketing MIX. Сборка игры опубликована и на itch.io.

Ссылки

Веб-разработка: корпоративные сайты. Другие наши браузерные игры: TOPPLE, рогалик на домино, HATCHWIRE, техно-драконы и ZARF, игра о конвертном бюджете.

Ведущий проекта: Marketing MIX. Продукт: «Енот-пятиборец», браузерная игра нашей студии. Год: 2026.