Браузерная игра

Brick Blast: аркада «шары против кирпичей» с 21 уровнем и порталами

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

LiveБраузерная игра
  • Игра
  • Canvas
  • TypeScript
Открыть Brick Blast ↗

Проблема

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

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

Механика: прицел, серия шаров и рикошеты

Игрок зажимает поле и тянет вверх от пусковой площадки — появляется линия прицела, чем длиннее жест, тем сильнее выстрел. Каждый ход выпускает несколько шаров подряд: первый шар, вернувшийся на площадку, задаёт точку следующего выстрела, а число шаров в следующем ходе не уменьшается — оно равно выпущенным в этом ходу плюс бонусы +1 и ×3, с мгновенным обновлением счётчика в HUD.

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

Прогрессия сложности: 21 уровень, произвольные фигуры и порталы

Сложность нарастает от уровня к уровню по всем 21 уровням: по данным экрана настроек, произвольные фигуры блоков появляются начиная с 3-го уровня, а порталы — с 5-го, то есть контент не ограничен одним набором форм и растёт вместе с прогрессом.

Перед игрой доступны пять пресетов сложности — Новичок, Лёгкий, Нормальный, Сложный, Эксперт — с описанием вроде «сбалансированная прогрессия», а также вкладка «Свои настройки» с ползунками и числовыми полями для ручной тонкой настройки (число рядов, отступы, скорость шаров и другие параметры) с сохранением и сбросом.

Бонусы, турбо-режим и десять визуальных тем

В игре есть два типа бонусов на поле — «+1» даёт один дополнительный шар в следующем ходе, «×3» выпускает три дополнительных шара в текущем раунде. Кнопка «Сбор» досрочно притягивает все шары и завершает ход, а «Турбо» ускоряет игру в ×2, ×4, ×8 или ×16 — удобно на предсказуемых участках уровня.

Прямо с главного меню переключаются десять визуальных тем оформления — TRON, Закат, Матрица, Синтвейв, Океан, Лава, Конфеты, Аврора, Золото, Сакура, — есть переключатель звука, а лучший результат (рекорд) сохраняется между сессиями.

Результат

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

Игра работает как отдельный публичный продукт на собственном домене (brick-blast.ecomdev.uz), собрана на Vite, TypeScript и Canvas-рендеринге — лёгкий стек, который тем не менее несёт полноценную игровую петлю с прогрессией, а не только базовый цикл отрисовки.

Другие кейсы

Flex Convert: конвертер валют и инженерных величин как отдельный продукт

Flex Convert: конвертер валют и инженерных величин как отдельный продукт

Самостоятельный веб-конвертер на 10 разделов величин — валюта с ежедневными курсами и настраиваемым списком валют, плюс давление, температура, длина, вес, площадь, объём, скорость, время и энергия — с отдельным калькулятором и SEO-гайдами.