BlastGame

Simple browser game Demo on blast-game.netlify.app

Used in the project

• Phaser 3

Install

Node.js 16

# clone repo
npm i # install dependencies
npm run favicon # generate favicon and meta
npm run build || npm run dev # build to dist or run dev server

Task description

Задача

Реализовать прототип игры в жанре “головоломка с механикой Blast”. Описание общей механики игры Игра состоит из игрового поля произвольного размера N*M. В каждой ячейке поля находится игровой объект (далее именуемый тайл) определенного цвета. Количество возможных вариантов цветов равно C.

Начальное состояние поля задается случайно (вероятность цвета тайла является равновероятной). При клике на тайл сжигается (удаляется) область, состоящая из группы прилегающих тайлов того же цвета, размер группы не может быть меньше чем K (по умолчанию K=2). На месте удаленных должны образоваться пустые места.

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

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

Цель игры – набрать X очков за Y ходов, иначе проигрыш. Значение количества очков и ходов для выигрыша, а также формула начисления очков остается на усмотрение соискателя.

Перед выполнением тестового задания советуем ознакомится со списком игр с механикой “Blast” (см. ниже) для лучшего понимания игрового процесса.

Основное задание:

1. Выполнить реализацию на JavaScript + Canvas
   1. Допустимо использование следующих фреймворков и игровых движков: Pixi.js / Phaser.js / Cocos2d JS / CocosCreator
   2. Недопустимо использование React.js, Vue.js и другие производные фреймворки для работы с DOM
   3. Использовать при разработке принципы SOLID
   4. Отделить логику игры и отображение
   5. Разбить игру на отдельные состояния (сцены)
2. Реализовать анимации для перемещения и сжигания тайлов
3. Отображение количества оставшихся ходов и набранных очков
4. Обработать состояние выигрыша или проигрыша
5. Использовать приложенный набор ассетов (см. ниже)
6. Исходники выложить на github.com / gitlab.com / bitbucket.com
7. Предоставить ссылку на рабочий проект на общедоступном хостинге (например https://pages.github.com или подобные)

Дополнительные задания на выбор:

1. Реализовать “бустер бомба”
   Описание: При активации бустера и клика по полю, в данной клетке сжигаются тайлы в радиусе R клеток.
2. Реализовать “бустер телепорт” Описание: Бустер позволяет поменять два тайла местами.
3. Реализовать механику “супер тайла”
   Описание:
   Если при уничтожении размер группы тайлов больше чем L, то тогда на месте клетки, по которой был клик, появится новый тайл. По клику на него активизируется определенная логика, возможные варианты:
   1. Сжигается вся строка в которой находится тайл
   2. Сжигается весь столбец в котором находится тайл
   3. Сжигаются тайлы в радиусе R клеток
   4. Сжигается всё поле

Будет большим плюсом:

1. Применение модульного тестирования
2. Атомарные коммиты в репозитории
3. Использование ES6 + Babel
4. Сборка проекта gulp / webpack

Оценка задания:

Необходимо выполнение основного задания, а также минимум одного дополнительного задания.

Ассеты для игры:

• https://drive.google.com/file/d/1gkeMJy3u01oAisAzByzgQEYgW13RKzP2/view?usp=sharing

Список игр с механикой “Blast”:

• https://play.google.com/store/apps/details?id=com.rovio.blast
• https://play.google.com/store/apps/details?id=com.superbox.aos.jewelblast
• https://play.google.com/store/apps/details?id=toy.blast.pop.cubes.puzzle