[Jeu 2D] zoomer sur une map

Bonjour,

Je me casse la tête depuis plusieurs jour sur un problème de zoom sur une map.
Je m'explique :

Je développe actuellement un jeu 2D en utilisant la balise <canvas> de l'HTML5.
Mon jeu est donc codé en js.

Je souhaite afficher à l'écran une map de 15*15 cases. 5 zooms seront disponibles.

Lorsque le zoom est maximal, l'image d'une case verra sa taille inchangée. En revanche, le zoom minimal affichera des images dont la taille aura été multiplié par 0.1 ...

Tout ceci fonctionne parfaitement.

Mon problème vient du fait que je n'ai aucune idée de comment gérer l'action de zoomer : j'aimerai que l'image affiché soit centré par rapport à l'image affiché par le zoom précédent (j’espère être clair sur ce point).


Je recherche donc des pistes, où mieux, des exemples d'algorithmes existant (algo pur, java ou C... peut importe...)


D'avance merci pour vos réponses et n'hésitez pas à me demander des précisions...

Bonjour,
on pourrait avoir un schéma pour être sûr de parler de la même chose ? Car oui, quand on fait de la géométrie, il faut toujours faire un schéma ;).

Salut,

Voilà un shéma de la bête :

http://img717.imageshack.us/img717/831/canvasshema.jpg

Citation:

---

Envoyé par flow10000

j'aimerai que l'image affichée soit centrée par rapport à l'image affichée par le zoom précédent (j’espère être clair sur ce point).

---

(d'abord une image c'est féminin ;) ..)

Maintenant, pour le problème :

Si je comprend, tu as un zoom fixe, l'utilsateur ne choisit pas sa région à zoomer.

Dans ce cas, c'est simple :

il suffit de se baser par rapport au centre..