Games Cubo magico javascript

Excelente juego realizado por Andy, esta basado en el archi querido y conocido cubo mágico. Espero que lo disfrutes.

Código Javascript


<HTML>
<HEAD>
<TITLE>Cubo Mágico</TITLE>
<BODY bgcolor=black text=cyan LINK="#808080" VLINK="#FF0000" ALINK="#FF0000">
</HEAD>
<BODY leftmargin="0" topmargin="0">
<script language="JAVASCRIPT">
<!-- Begin Hiding
pf = 1
intentos = 0
fallos = 0
imageaux = new Image     
// --> End Hiding
</script>
<script language="JavaScript">
function CambioPos(pos) {
 if ((((pos-1) == pf) && (pos!=1) && (pos!=5) && (pos!=9) && (pos!=13))  ||
     (((pos+1) == pf) && (pos!=4) && (pos!=8) && (pos!=12) && (pos!=16)) ||
     (((pos+4) == pf) && (pos!=13) && (pos!=14) && (pos!=15) && (pos!=16)) ||
     (((pos-4) == pf) && (pos!=1) && (pos!=2) && (pos!=3) && (pos!=4))
    ) {
    imageaux.src=document.images['img'+pos].src
    document.images['img'+pos].src=document.images['img'+pf].src
    document.images['img'+pf].src=imageaux.src
    pf = pos
    intentos = intentos + 1
    document.form.output.value = intentos;
   }
 else{
   if (pos!=pf) {
    fallos = fallos + 1
    document.form.output2.value = fallos;
   }
 }
}
// -->
</script>
<center><img src="game/an_linee.gif"></center>
<br>
<CENTER>
<TABLE BORDER="0"  CELLPADDING="0" CELLSPACING="0">
<TD>
<TABLE BORDER="1"  CELLPADDING="0" CELLSPACING="0">
<TR>
<TD>
<CENTER><a href="javascript:CambioPos(1)"><IMG SRC="game/green.jpg" name="img1" BORDER=0 height=60 width=60></a></CENTER>
</TD>
<TD>
<CENTER><a href="javascript:CambioPos(2)"><IMG SRC="game/logo1k.jpg" name="img2" BORDER=0 height=60 width=60></a></CENTER>
</TD>
<TD>
<CENTER><a href="javascript:CambioPos(3)"><IMG SRC="game/logo1m.jpg" name="img3" BORDER=0 height=60 width=60></a></CENTER>
</TD>
<TD>
<center><a href="javascript:CambioPos(4)"><IMG SRC="game/logo1h.jpg" name="img4" BORDER=0 height=60 width=60></a></center>
</TD>
</TR>
<TR>
<TD>
<CENTER><a href="javascript:CambioPos(5)"><IMG SRC="game/logo1j.jpg" name="img5" BORDER=0 height=60 width=60></a></CENTER>
</TD>
<TD>
<CENTER><a href="javascript:CambioPos(6)"><IMG SRC="game/logo1p.jpg" name="img6" BORDER=0 height=60 width=60></a></CENTER>
</TD>
<TD>
<CENTER><a href="javascript:CambioPos(7)"><IMG SRC="game/logo1o.jpg" name="img7" BORDER=0 height=60 width=60></a></CENTER>
</TD>
<TD>
<center><a href="javascript:CambioPos(8)"><IMG SRC="game/logo1b.jpg" name="img8" BORDER=0 height=60 width=60></a></center>
</TD>
</TR>
<TR>
<TD>
<CENTER><a href="javascript:CambioPos(9)"><IMG SRC="game/logo1f.jpg" name="img9" BORDER=0 height=60 width=60></a></CENTER>
</TD>
<TD>
<CENTER><a href="javascript:CambioPos(10)"><IMG SRC="game/logo1d.jpg" name="img10" BORDER=0 height=60 width=60 ></a></CENTER>
</TD>
<TD>
<CENTER><a href="javascript:CambioPos(11)"><IMG SRC="game/logo1c.jpg" name="img11" BORDER=0 height=60 width=60 ></a></CENTER>
</TD>
<TD>
<center><a href="javascript:CambioPos(12)"><IMG SRC="game/logo1g.jpg" name="img12" BORDER=0 height=60 width=60></a></center>
</TD>
</TR>
<TR>
<TD>
<CENTER><a href="javascript:CambioPos(13)"><IMG SRC="game/logo1i.jpg" name="img13" BORDER=0 height=60 width=60></a></CENTER>
</TD>
<TD>
<CENTER><a href="javascript:CambioPos(14)"><IMG SRC="game/logo1n.jpg" name="img14" BORDER=0 height=60 width=60></a></CENTER>
</TD>
<TD>
<CENTER><a href="javascript:CambioPos(15)"><IMG SRC="game/logo1l.jpg" name="img15" BORDER=0 height=60 width=60></a></CENTER>
</TD>
<TD>
<center><a href="javascript:CambioPos(16)"><IMG SRC="game/logo1e.jpg" name="img16" BORDER=0 height=60 width=60></a></center>
</TD>
</TR>
</TABLE>
</TD>
<TD>
<center><IMG SRC="game/logo1.jpg" name="logo" BORDER=0 height=240 width=240></center>
</TD>
</TABLE>
<form name="form" method="post" action="">
<center><font color=green>Intentos:<input type = "text" value= "0" name="output" size="3"> Fallos:<input type = "text" value= "0" name="output2" size="3"></font></center><p>
</form>
<center><img src="game/an_linee.gif"></center>
<center><font color=red size=-1>Elige el que prefieras</font></center>
<script language="JAVASCRIPT">
function cargarimagen(val){
   document.images['logo'].src ="game/"+val+".jpg";
   document.images['img1' ].src="game/green.jpg";
   document.images['img2' ].src="game/"+val+"k.jpg";
   document.images['img3' ].src="game/"+val+"m.jpg";
   document.images['img4' ].src="game/"+val+"h.jpg";
   document.images['img5' ].src="game/"+val+"j.jpg";
   document.images['img6' ].src="game/"+val+"p.jpg";
   document.images['img7' ].src="game/"+val+"o.jpg";
   document.images['img8' ].src="game/"+val+"b.jpg";
   document.images['img9' ].src="game/"+val+"f.jpg";
   document.images['img10' ].src="game/"+val+"d.jpg";
   document.images['img11' ].src="game/"+val+"c.jpg";
   document.images['img12' ].src="game/"+val+"g.jpg";
   document.images['img13' ].src="game/"+val+"i.jpg";
   document.images['img14' ].src="game/"+val+"n.jpg";
   document.images['img15' ].src="game/"+val+"l.jpg";
   document.images['img16' ].src="game/"+val+"e.jpg";
   intentos = 0;
   fallos = 0;
   pf = 1;
   document.form.output.value=intentos;
   document.form.output2.value=fallos;
}
</script>
<center><table>
<td><a href="javascript:cargarimagen('logo1')" border=0><img src="game/logo1z.jpg" height=100 width= 100></a></td>
<td><a href="javascript:cargarimagen('logo2')" border=0><img src="game/logo2z.jpg" height=100 width= 100></a></td>
</table></center>
<center><img src="game/an_linee.gif"></center>
<br>
<center><font color=#FFFFFF FACE=VERDANA>
<a href="ejemplos/cubo_magico.zip">Descarga el juego completo aqui</a></font></center><br>
</body>
</html>
Ver ejemplo Javascript en funcionamiento