Rendre une image cliquable dans un canvas

Bonjour,

j'ai un canvas où la même image est affiché selon un FPS (par un setIntervall ou par un requestAnimationFrame).

Pour rendre l'image cliquable, voici comment je fais :
-j'attache un écouteur onclick='trouver_image();' sur l'objet canvas. Ainsi, quand on clique sur le canvas, ça va déclencher la fonction trouver_image().
-La fonction trouver_image() exécute une boucle for sur un array d'images dessinées sur le canvas.
Si le click détecte un pixel de couleur, c'est qu'on a cliqué sur l'image, donc on récupère l'image appartenant à ce pixel de couleur, et par conséquent on déclenche une autre fonction, par exemple afficher_niveau1().

Le problème est que quand je clique sur l'image, le canvas a du mal à déclencher la fonction afficher_niveau1(),
càd que des fois il n'exécute pas cette fonction, des fois il exécute la fonction avec un petit retard.
Or ce que je veux, c'est que quand on clique sur l'image, la fonction afficher_niveau1() se déclenche immédiatement.

Donc je voudrais savoir d'où vient le problème ?

Merci d'avance, cordialement.

Bonjour,

Citation:

---

il n'exécute pas cette fonction, des fois il exécute la fonction avec un petit retard.
(...)
Donc je voudrais savoir d'où vient le problème ?

---

cela peut provenir de l’ordonnancement de ton code, succession des opérations... ou encore de la non optimisation de ton code.... ou encore

=> c'est presque ça, et j'ai vu d'où venais le problème. C'est à cause du laps de temps qui s'écoule
entre 2 rafraîchissement du canvas.

J'ai mis un écouteur onmousedown sur la canvas de manière à ce que quand je clique sur une image, je met la valeur true à la propriété clicked pour cette image.
Et j'ai aussi mis un écouteur onmouseup sur la canvas de manière à ce que quand je relache le bouton de la souris après avoir cliqué sur l'image, je met la valeur false à la propriété clicked pour cette image.

Donc si je clique sur l'image et je relache le bouton de la souris entre 2 rafraichissement, le 2ème rafraichissement ne verra pas la valeur true de propriété clicked de l'image cliquée.

Merci pour ton aide