Games Cubo magico javascript

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

<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>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

<HTML>

<HEAD>

<TITLE>Cubo Mágico</TITLE>

</HEAD>

<!-- Begin Hiding

pf = 1

intentos = 0

fallos = 0

imageaux = new Image

// --> End Hiding

</script>

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>

<br>

<TD>

<TR>

<TD>

</TD>

<TD>

</TD>

<TD>

</TD>

<TD>

</TD>

</TR>

<TR>

<TD>

</TD>

<TD>

</TD>

<TD>

</TD>

<TD>

</TD>

</TR>

<TR>

<TD>

</TD>

<TD>

</TD>

<TD>

</TD>

<TD>

</TD>

</TR>

<TR>

<TD>

</TD>

<TD>

</TD>

<TD>

</TD>

<TD>

</TD>

</TR>

</TABLE>

</TD>

<TD>

</TD>

</TABLE>

<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><font color=red size=-1>Elige el que prefieras</font></center>

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>

</table></center>

<br>

<a href="ejemplos/cubo_magico.zip">Descarga el juego completo aqui</a></font></center><br>

</body>

</html>

GamaRod

Programacion web

Games Cubo magico javascript

Relacionado