Klikanie na obiekt umieszczony w canvas Opcje

[belg2020]

Panie i panowie, siedzę nad tym, przeszukuję internet i nie wiem jaksobie z problemem poradzić. Zainteresowałem się canvasem (w połączeniu z js/jquery) potrafi zrobić ciekawe efekty. Lecz nie mogę sobie poradzic z klikaniem - jest wiele tutoriali, które pokazują klikanie na prostokąt lub koło - co jest akurat proste do zrobienia ale jeśli kształt jest bardziej skomplikowany albo jest umieszczony png.

Jedyne co mi przychodzi do głowy to coś takiego - napisałem prostą funkcję, która analizuje każdy piksel z osobna oddaj mi współrzędne pierwszego "niebiałego" pixela od lewej i pierwszego "niebiałego" od prawej - wtedy mógłbym napisać statement że jeśli kursor jest na osi x pomiędzy y-start - y-stop to wtedy ... i wtedy przekopiować współrzędne - lecz jak będzie tych obiektów dużo, różnych, o różnym kształcie to wydaje mi się, że to nie jest optymalne rozwiązanie, a wręcz jestem przekonany, że musi być na to inny sposób. Pomóżcie proszę.

(IMG:https://i.postimg.cc/HnpvnxcL/obrys.png)

[belg2020]

Mam mapę świata i na niej są poumieszczane przeróżne obiekty i muszą być "klikalne"

to w takim razie zapoznam się z svg. Może to będzie lepsze rozwiązanie. Jest taka gra karciana TUTAJ i w przeglądarce wyświetlana jako canvas więc raczej w canvasie zrobiona? No i sobie jakoś bez trudu poradzili z klikaniem na obiekty.

Ten post edytował belg2020 12.02.2020, 15:54:30