aviarta / ahj-events-play-goblin

Домашнее задание к занятию "3.Обработка событий". Доработка игры с гоблином.

Домашнее задание к занятию "2. DOM"

Домашнее задание к занятию "3.Обработка событий"

Правила сдачи задания:

1. Важно: в рамках этого ДЗ нужно использовать менеджер пакетов yarn (а значит, никакого package-lock.json в репозитории быть не должно)
2. Важно: всё должно собираться через Webpack (включая картинки и стили) и выкладываться на Github Pages через Appveyor.
3. В README.md должен быть размещён бейджик сборки и ссылка на Github Pages
4. В качестве результата присылайте проверяющему ссылки на ваши GitHub-проекты

---

Игра с гоблинами

Легенда

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

Описание

Нужно доделать игру с гоблинами, реализовав следующую логику:

1. Гоблин появляется в рандомной точке (набор точек фиксирован) ровно на 1 секунду
2. Если пользователь успел за это время кликнуть на этой точке (попробуйте сделать custom-курсор в виде молотка), то:
   • пользователю засчитывается +1 балл
   • гоблин пропадает из ячейки
3. Если пользователь пропустил 5 появлений гоблинов, то игра завершается.

Попробуйте реализовать всё не в виде единого скрипта, а разбив приложение на классы, каждый из которых ответственен за опредённую логику.

Всё должно собираться через Webpack (включая картинки и стили) и выкладываться на Github Pages через CI.

В качестве результата пришлите проверяющему ссылку на ваш GitHub-проект. Не забудьте установить бейджик сборки.

---

Правила сдачи задания:

1. Важно: в рамках этого ДЗ можно использовать любой менеджер пакетов
2. Важно: всё должно собираться через Webpack (включая картинки и стили) и выкладываться на Github Pages через Appveyor.
3. В README.md должен быть размещён бейджик сборки и ссылка на Github Pages
4. В качестве результата присылайте проверяющему ссылки на ваши GitHub-проекты

---

Перемещение элемента

Легенда

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

Copyright gfycat.com

Описание

Соберите инфраструктуру проекта на базе Webpack, ESLint, Babel, Jest, Webpack Dev Server.

Поскольку мы более гуманны, вам нужно реализовать лишь первую часть этой игры - перемещение объекта в DOM Tree.

Для этого самостоятельно разработайте игровое поле 4x4 и персонажа в виде картинки img (при загрузке страницы должен программно генерироваться и ставиться в рандомную позицию внутри игрового поля). С помощью функции setInterval запланируйте перемещение существующего объекта img в другое поле (алгоритм - рандомное перемещение, без перемещения в то же самое поле).

Для картинки персонажа используйте следующую:

Важно: не используйте removeChild! Проверьте, что будет, если Node изменить родителя.

Всё должно собираться через Webpack (включая картинки и стили) и выкладываться на Github Pages через CI.

В качестве результата пришлите проверяющему ссылку на ваш GitHub-проект. Не забудьте установить бейджик сборки.

---