sharnirio
@sharnirio
Front-end developer

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

Есть картинки которые выезжают справа и прыгающий динозавр посередине, как более правильно отслеживать наехала ли картинка на область динозавра или нет, чтоб если да то прерывать функцию и запустить другую анимацию. С анимациями разберусь сам, больше интересует именно решение отслеживания - пока приходит только идея отслеживать координаты элементов на странице и сравнивать, но возможно есть какой то более правильный способ реализовать такое.
  • Вопрос задан
  • 214 просмотров
Пригласить эксперта
Ответы на вопрос 2
dasnein
@dasnein
Вы в правильном направлении смотрите. Для ваших целей подойдёт функция getBoundingClientRect(), с помощью которой можно получить координаты элементов и их размера. На основе этих данных просчитать коллизию не составит труда.

В документации всё описано.
Ответ написан
sharnirio
@sharnirio Автор вопроса
Front-end developer
итоговый результат - link
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы