Déplacement image
dwieser
Messages postés
235
Statut
Membre
-
dwieser Messages postés 235 Statut Membre -
dwieser Messages postés 235 Statut Membre -
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
VOICI LE CODE DE MA PAGE JAVASCRIPT
Moi je plante et toi tu creuses !!!
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:
- Déplacement image
- Image iso - Guide
- Mes deplacement - Guide
- Légender une image - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
