JeuWeb - Crée ton jeu par navigateur
Coordonnées tiles map 2D canvas - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : Coordonnées tiles map 2D canvas (/showthread.php?tid=7723)



Coordonnées tiles map 2D canvas - fortz - 17-11-2016

Bonjour,
Je suis actuellement en train de créer ma map en 2D à l'aide de la balise canvas. Je suis arrivé au résultat que je voulais pour le moment : je peux générer une map de nxn tiles à partir d'un tableau d'entiers en Js, générer une grille afin de délimiter chaque tile et enfin je peux me déplacer au sein de ce canvas afin de naviguer sur la map à l'aide de la souris. Démonstration : http://hypora.fr/modules/test_map/square/scrollMouse.html

Je voudrais désormais pouvoir détecter les coordonnées de chaque tile (= case) du canvas au passage de la souris sur cette case. Avec la méthode que j'ai utilisé (codes sources facilement consultables avec un Ctrl+U sur ma page), je peux aisément récupérer la position de la case par rapport à la vision que la "caméra" donne à l'utilisateur mais absolument pas à partir du coin haut-gauche de la map complète. Comment faire pour créer un système de coordonnées afin que chaque case ait ses propres coordonnées que je puisse ensuite facilement affichées à l'utilisateur lors du passage de la souris ?

N'hésitez pas si vous avez des questions, je suis tout à vous !
Merci pour votre aide Smile