Skip to content

yuriyvyatkin/ahj-hw-2.1-element-moving

Repository files navigation

Домашнее задание №1 к лекции «Работа с DOM»

Build status

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

Легенда

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

Copyright gfycat.com

Описание

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

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

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

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

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

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

About

ДЗ №1 к лекции «Работа с DOM» курса «Продвинутый JavaScript в браузере» Нетологии

Topics

Resources

Stars

Watchers

Forks