Sujet Précédent Sujet Suivant

Déplacement image

Fermé
dwieser Messages postés 225 Date d'inscription samedi 25 avril 2009 Statut Membre Dernière intervention 29 janvier 2013 - Modifié par dwieser le 22/12/2012 à 15:42
dwieser Messages postés 225 Date d'inscription samedi 25 avril 2009 Statut Membre Dernière intervention 29 janvier 2013 - 24 déc. 2012 à 13:59
Bonjour,

ce code fonctionne
Je viens d'étudier ce code ds un de mes bouquins
x et y fonctionne avec x et y de mon écran
je ne sais pas comment utiliser x et y par rapport à ma map
j'ai cherché des tutos à ce sujet (x et y d'une image par exemple)
je n'ai malheureusement pas trouvé grand chose
est ce que quelqu'un pourrait m'expliquer comment
déterminer x et y avec ma map...............quelque soit sa position sur l'écran????
en fait que le deplacement de mon marker ce deplace sur ma map quelque soit la position de celle ci

Peut être avez vous trouvé un tuto qui pourrait correspondre à ma demande???

je pense que ma méthode est pas mal pour un debutant
mais je pense que cela peut s'améliorer

MERCI PAR AVANCE DE VOS REPONSES


VOICI LE CODE SUR MA PAGE HTML 
<body onload = "init()">   

<div id ="surface"       //image map  
style = "position:absolute;  
top : 200px;  
left : 150px;  
height : 10000px;  
width : 10000px;">  
<img src= "plan.png" alt="carte"></img>  
</div>  

</div>  
<div id ="sprite"     //image marker  
style = "position:absolute;  
top : 167px;  
left : 141px;  
height : 33px;  
width : 36px;">  
<img src = "marker_bleu.png" alt = "image" />  
</div>  

<p id ="output">  
x = 0, y = 0  
</p>  
<p id ="output2">  
x2 = 0, y2 = 0  
</p>  

</body>


VOICI LE CODE DE MA PAGE JAVASCRIPT 

var sprite   
var x, y;  
var z1 = 141;  
var z2 = 167;  
function init()  
{  
sprite =  document.getElementById("sprite");  
setInterval("moveSprite(0.3,0.5)", 10);  
}  

function moveSprite(dx, dy)  
{  
x =  parseFloat(sprite.style.left);  
y =  parseFloat(sprite.style.top);  
x1 = x + dx;  
y1 = y + dy;  

//deplacement de la balle nouvelle position  
sprite.style.left = x1 + "px";  
sprite.style.top = y1 + "px";  

//description de la position  
var output = document.getElementById("output");  
output.innerHTML = "x: " + x1 + " , y: " + y1 ;  

x2 = x - z1;  
y2 = y - z2;  

var output2 = document.getElementById("output2");  
output2.innerHTML = "x2: " + x2 + " , y2: " + y2 ;  

}




Moi je plante et toi tu creuses !!!
A voir également:

1 réponse

Réponse 1 / 1
dwieser Messages postés 225 Date d'inscription samedi 25 avril 2009 Statut Membre Dernière intervention 29 janvier 2013 9
24 déc. 2012 à 13:59
bonjour,
je relance mon sujet MERCI
0

Discussions similaires

Impossible de télécharger photos messenger
Morgane -
Utilisateur anonyme -

1 réponse
PIX
plart -
jordane45 -

1 réponse
probleme sommet
urgent -
Raymond PENTIER -

2 réponses
Comment recadrer une image avec Inkscape
infofeet -
TELLIEZ -

13 réponses
Comment enlever le rouge sur la photo svp ?
lucas0909 -
bazfile -

11 réponses