Как отследить столкновение png картинок с неровными краями с помощью Jquery?

Question

[Paul_Morte]

Это для маленькой игры.
Нужно отследить момент касания одного png без фона и другого -Персонаж (файл png без фона) и красные стены (файл png без фона).

Есть ли инструментарий, чтобы реализовать такой функционал в JQUERY. Или плагины какие-нибудь?
Возможно стоит использовать другой подход, не меняя языка программирования?

Answer 1

[twobomb]

https://jsfiddle.net/twobomb/co3ep87y/73/

Answer 2

[Леонид Князев]

Возможно стоит использовать другой подход, не меняя языка программирования?

Да, стоит использовать другой подход.

Персонаж, стены и пол у вас должны быть объектами со своими координатами и размерами. Тогда вы сможете математически вычислять коллизии между ними. А, картинки (с фоном, без фона и т.д.) использовать как текстуры к этим объектам.