Bouger un personnage sans le faire sortir d'une image

SAlut

Je suis la tête d'un projet appelé pokemon-spirit. C'est un jeu en ligne et une source de news pokemons. Voilà voilà. Pour mon jeu, j'ai besoin d'une map. Rom11, un de mes cooéquipiers m'a donné ce code:

<script type="text/javascript">
function modif(nom, desc){
    document.getElementById("legend").innerHTML = nom;
	document.getElementById("fieldset").innerHTML = desc;
}
function normal(){
	document.getElementById("legend").innerHTML = "Map";
	document.getElementById("fieldset").innerHTML = "Passez la sourie pour avoir une description";
}
</script>
<body>
<p>
<fieldset>
<legend id="legend"> Map </legend>
<p id="fieldset">
Passez la sourie pour avoir une description
</p>

</fieldset>
<img src="map.PNG" usemap="#map" alt="image"/>
<map name="map" id="map">
<area shape="rect" coords="146,80,288,246" href="centre-comercial.php" onmouseover="modif('Centre commercial', 'Allez au centre commercial pour faire vos achats !' )" onmouseout="normal()">
<area shape="rect" coords="433,73,543,192" href="ecole.php" onmouseover="modif('Ecole', 'Allez à l\'école pour vous instruire !' )" onmouseout="normal()">
<area shape="rect" coords="736,123,816,192" href="centre-poke.php" onmouseover="modif('Centre Pokémon', 'Allez au centre pokémon pour soigner vos pokémons !' )" onmouseout="normal()">
<area shape="rect" coords="128,418,256,497" href="arene.php" onmouseover="modif('Arène', 'Allez défier d\'autres dresseurs' )" onmouseout="normal()">
<area shape="rect" coords="0,355,62,402" href="hautes-herbes.php" onmouseover="modif('Hautes herbes', 'Pour capturer de nouveaux pokémons' )" onmouseout="normal()">
<area shape="rect" coords="497,282,657,358" href="centre-entrainement.php" onmouseover="modif('Centre d\'entrainement', 'Allez au centre d\'entrainement pour entrainer vos pokémons !" onmouseout="normal()">
<area shape="rect" coords="769,410,832,480" href="maison.php" onmouseover="modif('Maison', 'Votre petit chez vous  ' )" onmouseout="normal()">
</map>

</p>
</body>

Il marche très bien mais ce serai très bien si je pouvais bouger le personnage de façon à ce qu'il suive la souris et qu'il ne sorte pas de l'image.
Mon vrai problème est comment faire pour ne pas la faire sortir de l'image

Merci d'avance

Brisinger

7 avril 2009 à 2:09:31

Anonyme

7 avril 2009 à 11:03:33

Salut, c'est assez simple il te suffit de récupérer les cordonnées de ton image et ensuite tu compares les coordonnées de ton personnage avec celle de l'image.

Il y a un tuto sur le sdz qui parle des déplacement de souris, tu devrais trouver des informations utiles dedans (récupérer les coordonnées)

Comment faire?

Bouger un personnage sans le faire sortir d'une image

Supprimer

Modérer

Signaler le message aux modérateurs