Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

pixelrafael

Div

Por , em Javascript

Recommended Posts

pixelrafael    7

pixelrafael
Postado

Tenho um código aonde tem o mapa, e os usuarios que se movem, mais eles ultrapassam o mapa, tem como ele só se movimentaram dentro do mapa/div?

<html>
<head>
<script>
//-----script-----//
function teclas(){
if(event.keyCode==37){
x=document.getElementById("simbolo");
x.style.left=(x.offsetLeft-10)+"px";
return direita();
}
if(event.keyCode==39){
x=document.getElementById("simbolo");
x.style.left=(x.offsetLeft+10)+"px";    
return esquerda();
}
if(event.keyCode==40){
y=document.getElementById("simbolo");
y.style.top=(y.offsetTop+10)+"px";    
return baixo();
}
if(event.keyCode==38){
y=document.getElementById("simbolo");
y.style.top=(y.offsetTop-10)+"px";    
return baixo();
}
}
//-----fim script-----//
</script>
</head>
<body onkeydown="teclas()" style="background: #70C8A0;">


<div id="mymap" style="background: url

(http://www.pokemonomega.com/images/maps/WestportCity.png);background-repeat:no-repeat; 

width:512px; height:448px;position:relative;"> 

<div style="background: url(http://www.pokemonomega.com/images/overworlds/10.png);top: 105px; left: 

352px;width:16px; height:23px;position:absolute;" id="simbolo"></div>  


</div>
</div>
</body>
</html>

 

alguem?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rafael Sirotheau    43

Rafael Sirotheau
Postado

Tendo a div do mapa com tamanho definido, faça o script verificar a posicao atual do personagem, se o seu offset left/top for igual aos limites da div, da um 'return false' logo no inicio do if referente.

 

Deu pra entender? :)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito