Как можно отследить пересечение элементов в динамике?

Question

[Vyach Gor]

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

Comments

[Lord_Dantes]

Ничего не понял, но очень интересно. Слушайте удачи вам в этом))

Answer 1

[Oleg]

Вы в правильном направлении смотрите. Для ваших целей подойдёт функция getBoundingClientRect(), с помощью которой можно получить координаты элементов и их размера. На основе этих данных просчитать коллизию не составит труда.

В документации всё описано.

Comments

[Vyach Gor]

Спасибо за наводку, не попадал как то раньше на такой метод.

Answer 2

[Vyach Gor]

итоговый результат - link