Здравствуйте.
Вот нужно реализовать метод который определяет касается картинка картинки 2 учитывая что у них нет фона или они векторные .
Демо:
http://ruslanuch.zzz.com.ua/html.html
Есть следующая идея:
Проверяем (X,Y 1px 1 картинки)=(X,Y 1px 2 картинки )||(X,Y 1px 1 картинки)=(X,Y 2px 2 картинки) и так далее до победного конца.
Метод 2: у нас есть область где картинка 1 наползает на картинку 2
мы ставим картинку 1 выше второй, узнаем на каких координатах они наползают друг на друга, допустим Х:[0,10] Y:[5,10]
и проверяем методом document.elementFromPoint(x, y); X:0,Y:5 если вернуло не картинку 1 не 2 значить не эта точка = false
следующая X:1,Y:5 если метод вернул картинку 2 значит false ведь картинка 2 прорисована ниже и нам вернуло ее а значить что картинка 1 там не прорисована, идем дальше X:2,Y:5 метод нам вернул картинку 1 а это
значит что здесь возможно столкновение!И мы на время ставим картину 2 сверху и вызываем document.elementFromPoint(x, y); с темы же координаторами и если вернет картинку 2 значит здесь они пересекаются иначе идем дальше, надеюсь принцип работы вам понятен.
Как на меня метод 2 будет более производительным чем первый, но все же он очень "тяжёлый, медленный, сложный (по роботе)" может есть подобное методы в браузере или JS, фейерверки использовать не хочу
Или может у вас есть идеи как повысить производительность.