Щелкните область на спрайте на холсте

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

Мне нужно решение, в котором мои игровые спрайты можно щелкать, но интерактивная область приспособлена к форма спрайта. Это также должно быть автоматическим. Я не могу сделать это с готовыми картами кликов.