JavaScript - Problema movimiento Rana, juego javascript!

   
Vista:

Problema movimiento Rana, juego javascript!

Publicado por Antonio antonio_121@msn.com (1 intervención) el 01/09/2011 19:34:54
Hola,

tengo un problema, necesito conseguir hacer que la rana se mueva correctamente, es en javascript, no consigo hacer que se mueva correctamente.

Para ejecutarlo, guardar todo el siguiente codigo en un .html, y ejecutarlo, encuanto a las imagenes, las subo a megaupload y pongo el link aqui, tiene que estar en el mismo directorio que el archivo .html descomprimida.

Link carpeta img : http://www.megaupload.com/?d=IF4UXIM5

------------------------------------------------------------------------------------------------------------------------------

<html>
<head>
<title>Frogger de Antonio José Sarmiento Rodriguez</title>

<p><h1 align="center">FROGGER</h1></p>
<script language=javascript>

/*Antonio José Sarmiento -> Rana que cruza carretera (rana, coches, camiones, hueco para guardar rana)*/


function datos_jugador(nombre)
{
nombre=prompt("NOMBRE DEL JUGADOR: ","");

return(nombre);
}


function rellenar_tablero()
{

var i=0,i2=0;
for(i=0;i<=8;i++)
{
matriz[i]=new Array();
for(i2=0;i2<=8;i2++)
{
matriz[i][i2]=('<img src="imagenes/verde.JPG" />');
}
}


/*Marco del Juego*/

//Esquina Superior Izquierda
matriz[0][0]=('<img src="img/1.jpg" />');

//Medio Superior
matriz[0][1]=('<img src="img/8.jpg" />');
matriz[0][2]=('<img src="img/8.jpg" />');
matriz[0][3]=('<img src="img/8.jpg" />');
matriz[0][4]=('<img src="img/8.jpg" />');
matriz[0][5]=('<img src="img/8.jpg" />');
matriz[0][6]=('<img src="img/8.jpg" />');
matriz[0][7]=('<img src="img/8.jpg" />');

//Esquina Superior Derecha
matriz[0][8]=('<img src="img/2.jpg" />');

//Medio Izquierda
matriz[1][0]=('<img src="img/6.jpg" />');
matriz[2][0]=('<img src="img/6.jpg" />');
matriz[3][0]=('<img src="img/6.jpg" />');
matriz[4][0]=('<img src="img/6.jpg" />');
matriz[5][0]=('<img src="img/6.jpg" />');
matriz[6][0]=('<img src="img/6.jpg" />');
matriz[7][0]=('<img src="img/6.jpg" />');

//Esquina inferior Izquierda
matriz[8][0]=('<img src="img/3.jpg" />');

//Medio Derecha
matriz[1][8]=('<img src="img/7.jpg" />');
matriz[2][8]=('<img src="img/7.jpg" />');
matriz[3][8]=('<img src="img/7.jpg" />');
matriz[4][8]=('<img src="img/7.jpg" />');
matriz[5][8]=('<img src="img/7.jpg" />');
matriz[6][8]=('<img src="img/7.jpg" />');
matriz[7][8]=('<img src="img/7.jpg" />');

//Esquina inferior Derecha
matriz[8][8]=('<img src="img/4.jpg" />');

//Medio Abajo
matriz[8][1]=('<img src="img/9.jpg" />');
matriz[8][2]=('<img src="img/9.jpg" />');
matriz[8][3]=('<img src="img/9.jpg" />');
matriz[8][4]=('<img src="img/9.jpg" />');
matriz[8][5]=('<img src="img/9.jpg" />');
matriz[8][6]=('<img src="img/9.jpg" />');
matriz[8][7]=('<img src="img/9.jpg" />');






/*Interior del Juego*/

//Primera fila interior
matriz[1][1]=('<img src="img/meta.jpg" />');
matriz[1][2]=('<img src="img/muerte.jpg" />');
matriz[1][3]=('<img src="img/meta.jpg" />');
matriz[1][4]=('<img src="img/muerte.jpg" />');
matriz[1][5]=('<img src="img/meta.jpg" />');
matriz[1][6]=('<img src="img/muerte.jpg" />');
matriz[1][7]=('<img src="img/meta.jpg" />');

//Segunda fila interior
matriz[2][1]=('<img src="img/suelo.jpg" />');
matriz[2][3]=('<img src="img/suelo.jpg" />');
matriz[2][5]=('<img src="img/suelo.jpg" />');
matriz[2][7]=('<img src="img/suelo.jpg" />');

//Tercera fila interior
matriz[3][2]=('<img src="img/suelo.jpg" />');
matriz[3][3]=('<img src="img/suelo.jpg" />');
matriz[3][4]=('<img src="img/suelo.jpg" />');
matriz[3][5]=('<img src="img/suelo.jpg" />');
matriz[3][6]=('<img src="img/suelo.jpg" />');

//Cuarta fila interior
matriz[4][1]=('<img src="img/suelo2.jpg" />');
matriz[4][2]=('<img src="img/suelo2.jpg" />');
matriz[4][3]=('<img src="img/suelo2.jpg" />');
matriz[4][4]=('<img src="img/suelo2.jpg" />');
matriz[4][5]=('<img src="img/suelo2.jpg" />');
matriz[4][6]=('<img src="img/suelo2.jpg" />');
matriz[4][7]=('<img src="img/suelo2.jpg" />');

//Quinta fila interior
matriz[5][1]=('<img src="img/suelo.jpg" />');
matriz[5][3]=('<img src="img/suelo.jpg" />');
matriz[5][4]=('<img src="img/suelo.jpg" />');
matriz[5][5]=('<img src="img/suelo.jpg" />');
matriz[5][6]=('<img src="img/suelo.jpg" />');
matriz[5][7]=('<img src="img/suelo.jpg" />');

//Sexta fila interior
matriz[6][2]=('<img src="img/suelo.jpg" />');
matriz[6][3]=('<img src="img/suelo.jpg" />');
matriz[6][4]=('<img src="img/suelo.jpg" />');
matriz[6][6]=('<img src="img/suelo.jpg" />');
matriz[6][7]=('<img src="img/suelo.jpg" />');

//Septima fila interior
matriz[7][1]=('<img src="img/suelo2.jpg" />');
matriz[7][2]=('<img src="img/suelo2.jpg" />');
matriz[7][3]=('<img src="img/suelo2.jpg" />');
matriz[7][5]=('<img src="img/suelo2.jpg" />');
matriz[7][6]=('<img src="img/suelo2.jpg" />');
matriz[7][7]=('<img src="img/suelo2.jpg" />');


//Colocacion Inicial Rana
matriz[7][4]=('<img src="img/frog_up.gif" />');




//Colocacion Coches carretera Superior
matriz[2][2]=('<img src="img/cocheizquierda1.gif" />');
matriz[2][4]=('<img src="img/cocheizquierda1.gif" />');
matriz[2][6]=('<img src="img/cocheizquierda1.gif" />');
matriz[3][1]=('<img src="img/cocheizquierda1.gif" />');
matriz[3][7]=('<img src="img/cocheizquierda1.gif" />');



//Colocacion Camiones carretera Inferior
matriz[5][2]=('<img src="img/camionderecha33.gif" />');
matriz[6][1]=('<img src="img/camionderecha3.gif" />');
matriz[6][5]=('<img src="img/camionderecha3.gif" />');
matriz[5][7]=('<img src="img/camionderecha33.gif" />');

}


function mover_derecha()
{
var i=0,i2=0;

for(i=0;i<=8;i++)
{
for(i2=0;i2<=8;i2++)
{
if(matriz[i][i2]==('<img src="img/frog_down.gif" />') || matriz[i][i2]==('<img src="img/frog_up.gif" />') || matriz[i][i2]==('<img src="img/frog_left.gif" />') || matriz[i][i2]==('<img src="img/frog_right.gif" />') &&

matriz[i][i2+1]==('<img src="img/suelo.jpg" />') || matriz[i][i2+1]==('<img src="img/suelo2.jpg" />') || matriz[i][i2+1]==('<img src="img/meta.jpg" />') || matriz[i][i2+1]==('<img src="img/muerte.jpg" />'))
{
document.images[i*9+i2+59].src="img/frog_right.gif";
document.images[i*9+i2+58].src="img/suelo2.jpg";
aux=matriz[i][i2];
matriz[i][i2]=matriz[i][i2+1];
matriz[i][i2+1]=aux;
return;
}
}
}
}

function mover_arriba()
{
var i=0,i2=0,aux;

for(i=0;i<=8;i++)
{
for(i2=0;i2<=8;i2++)
{
if(matriz[i][i2]==('<img src="img/frog_down.gif" />') || matriz[i][i2]==('<img src="img/frog_up.gif" />') || matriz[i][i2]==('<img src="img/frog_left.gif" />') || matriz[i][i2]==('<img src="img/frog_right.gif" />') &&

matriz[i-1][i2]==('<img src="img/suelo2.jpg" />') || matriz[i-1][i2]==('<img src="img/suelo.jpg" />') || matriz[i-1][i2]==('<img src="img/meta.jpg" />')|| matriz[i-1][i2]==('<img src="img/muerte.jpg" />'))
{
document.images[i*59+i2-59].src="img/frog_up.gif";
document.images[i*59+i2].src="img/suelo.jpg";
aux=matriz[i][i2];
matriz[i][i2]=matriz[i-1][i2];
matriz[i-1][i2]=aux;
return;
}
}
}
}

function mover_izquierda()
{
for(i=0;i<=8;i++)
{
for(i2=0;i2<=8;i2++)
{
if(matriz[i][i2]==('<img src="img/frog_down.gif" />') || matriz[i][i2]==('<img src="img/frog_up.gif" />') || matriz[i][i2]==('<img src="img/frog_left.gif" />') || matriz[i][i2]==('<img src="img/frog_right.gif" />') &&

matriz[i][i2-1]==('<img src="img/suelo2.jpg" />') || matriz[i][i2-1]==('<img src="img/suelo.jpg" />') || matriz[i][i2-1]==('<img src="img/meta.jpg" />') || matriz[i][i2-1]==('<img src="img/muerte.jpg" />'))
{
document.images[i*9+i2-55].src="img/frog_left.gif";
document.images[i*9+i2-56].src="img/suelo.jpg";
aux=matriz[i][i2];
matriz[i][i2]=matriz[i][i2-1];
matriz[i][i2-1]=aux;
return;
}
}
}
}

function mover_abajo()
{
for(i=0;i<=8;i++)
{
for(i2=0;i2<=8;i2++)
{
if(matriz[i][i2]==('<img src="img/frog_down.gif" />') || matriz[i][i2]==('<img src="img/frog_up.gif" />') || matriz[i][i2]==('<img src="img/frog_left.gif" />') || matriz[i][i2]==('<img src="img/frog_right.gif" />') &&

matriz[i+1][i2]==('<img src="img/suelo2.jpg" />') || matriz[i+1][i2]==('<img src="img/suelo.jpg" />') || matriz[i+1][i2]==('<img src="img/meta.jpg" />') || matriz[i+1][i2]==('<img src="img/muerte.jpg" />'))
{
document.images[i*9+i2].src="img/frog_down.gif";
document.images[i*9+i2].src="img/suelo.jpg";
aux=matriz[i][i2];
matriz[i][i2]=matriz[i+1][i2];
matriz[i+1][i2]=aux;
return;
}
}
}
}

function mover_coches_derecha(matriz)
{

var i=0,i2=0, aux=0;

for(i=0;i<matriz.length;i++)
{
for(i2=0;i2<matriz.length;i2++)
{
if(matriz[i][i2]==('<img src="img/camionderecha3.gif" />'))
{
aux=matriz[i][i2];
matriz[i][i2]=matriz[i][i2+1];
matriz[i][i2]=aux;
}
}
}

}



function imprimir(matriz)
{
var i=0,i2=0;

<!--Mostrar mapa-->
for(i=0;i<=8;i++)
{
for(i2=0;i2<=8;i2++)
{
document.write(matriz[i][i2]);
if(i2==8)
{
document.write("<br />");
}
}
}
}


function teclaPulsada(evento)
{
var numeroTecla = evento?evento.keyCode:event.keyCode;



switch(numeroTecla)
{

case numeroTecla=37:
mover_coches_derecha(matriz);
mover_izquierda();
break;

case numeroTecla=38:
mover_coches_derecha(matriz);
mover_arriba();
break;

case numeroTecla=39:
mover_coches_derecha(matriz);
mover_derecha();
break;

case numeroTecla=40:
mover_coches_derecha(matriz);
mover_abajo();
break;
}


}

document.onkeydown = teclaPulsada;
if(document.all)document.captureEvents(Event.KEYDOWN);


</script>
</head>
<body>

<p><h2>INFORMACION PARA EL JUGADOR</h2></p>
<table border=0>
<tr>Nombre del jugador: </tr>
<td>Vidas : </td>
</table>
<script language=javascript>


var matriz=new Array();
var vidas=4;
var jugador;


//datos_jugador(jugador);
rellenar_tablero(matriz);
imprimir(matriz);





</script>
</body>
</html>

------------------------------------------------------------------------------------------------------------------------------

Gracias y un saludo de antemano
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder