[Truc] Carte, Hexagones et Coordonnées

[ToraTora]

J'ai trouvé mon erreur, pour ceux que ça intéresse :

$hw = 52; // largeur en pixels de l'image de l'hexagone

$hh = 60; // hauteur en pixels de l'image de l'hexagone



$leftX = $joueurX - $vision;

$rightX = $joueurX + $vision;



$leftY = $joueurY - $vision;

$rightY = $joueurY + $vision;



$leftZ = $joueurZ - $vision;

$rightZ = $joueurZ + $vision;

		

print '<div id="carte">';

	for($x = $leftX; $x <= $rightX; $x++ ){

		for($y = $leftY; $y <= $rightY; $y++){

			for($z = $leftZ; $z <= $rightZ; $z++){

				if (($x - $y - $z)==0){

					$posX = $y *($hh*(3/4));

					$posY = ($z + $x) * ($hw/2);

					print '<div class="tile" style="left: '.$posX.'px; top: '.$posY.'px;">';

							print $x.'/'.$y.'/'.$z.'';

					print '</div>';

				}

			}

		}

	} 

print '</div>';

Par contre, pour le positionnement de la carte j'ai toujours un petit problème :


En 0/0/0 tout va bien (quoique la carte n'est pas centré dans le cadre rouge)..
Mais dès que je me déplace, la carte se déplace aussi.
Ma classe .tile est en position: absolute; et #carte en position: relative;

Est ce que je dois calculer le left/top de #carte en fonction de la position du joueur, pour qu'elle s'affiche tout le temps au même endroit ?