Canvas et Javascript

Bonjour à tous,

J'aimerai avoir de l'aide sur un point.

J'essaye de faire une petite carte en 3d isométrique grâce à l'outils Canvas.
Mon problème vient à partir du moment ou je veux rendre une figure, dans ce cas un "carré" cliquable.
je ne comprends pas comment cela fonctionne. Ce n'est pas un problème de code, mais plus de la "théorie".

J'explique ici la façon dont je crois comprendre le fonctionnement : Je met un évènement "onclick" sur le canvas entier, je récupère les coordonnées de la souris, et grâce à une fonction je cacul sur quel carré j'ai cliqué.

Ma question est donc de savoir si je me trompe ou non, si il n'y a pas plus simple comme par exemple attribuer un "onclick" a chaque carré créé. Créer un objet "tile" par exemple avec ses attributs x, y, with, height, image et ses fonctions dont un évènement "onclick" par exemple.

Voila, merci pour votre aide!

Bonjour,
je crois que tu as tout à fait compris le principe, je peux néanmoins me tromper.

Le contextCanvas n'est jamais qu'une ardoise sur laquelle tu dessines et si tu veux intercepter les événements mouse il te faut mettre une sur-couche dans laquelle tu positionnes les éléments récupérateurs.

C'est le principe utilisé, pour la gestion des événements, par l'API google Map. On en parle indirectement ICI.

Merci pour ta réponse.

J'ai donc laissé tombé l'objet "canvas" pour dessiner des "objets div" et créer ma map a partir de classe en JS.

Merci !