Recursos Gratis Webmasters. Codigos Javascript, Applets Java, Tutoriales Para Webmasters

Juegos en Javascript

DAMAS CHINAS MÚLTIPLES

Ejemplo del Javascript:

Eliminar las bolitas saltando por encima de ellas. Al final tiene que quedarte solo una

Código fuente ( Haz Click en la ventana para Seleccionarlo Todo ):

Coloca este código dentro de las etiquetas [body] y [/body]

<SCRIPT LANGUAGE="JavaScript">
	
	
var pos=new Array(49);
var jumps=new Array();
var boardType="Solitaire";
var numMoves=0;
var finished=false;
var selectnum=false;
var autosolve=false;
var running=false;
var basenum=0;
var destnum=0;
var destnum1=0;
var destnum2=0;
var destnum3=0;
var destnum4=0;
var delaynum=500;

if (document.images)
{
  blank = new Image(19,19);
  blank.src = "blank.gif";
  empty = new Image(19,19);
  empty.src = "empty.gif";
  emptysel = new Image(19,19);
  emptysel.src = "emptysel.gif";
  peg = new Image(19,19);
  peg.src = "peg.gif";
  pegact = new Image(19,19);
  pegact.src = "pegact.gif";
}

function selPeg(num,ofset1,ofset2)
{
  basenum=num;
  destnum1=ofset1;
  destnum2=ofset2;
  destnum3=destnum4=0;
  document.images["img"+basenum].src=pegact.src;
  document.images["img"+(basenum+destnum1)].src=emptysel.src;
  document.images["img"+(basenum+destnum2)].src=emptysel.src;
  selectnum=true;
}

function movePeg(num,ofset)
{
  pos[num+ofset]=1;
  pos[num+ofset/2]=pos[num]=0
  basenum=num;
  destnum=ofset;
  numMoves++;
}

function initArray()
{
  this.length=initArray.arguments.length;
  for (var i=0; i<this.length; i++)
  {
    this[i] = initArray.arguments[i]
  }
}

function drawPreview(start,end)
{
  i=start; j=end;
  baseref=jumps[start];
  offset=jumps[start+1];
  pos[baseref]=pos[baseref+offset/2]=0;
  pos[baseref+offset]=1;
  document.images["img"+baseref].src=pegact.src;
  document.images["img"+(baseref+offset)].src=emptysel.src;
  solveRunning=setTimeout('drawJump(i,j)',delaynum);
}

function drawJump(start,end)
{
  i=start; j=end;
  baseref=jumps[start];
  offset=jumps[start+1];
  document.images["img"+baseref].src=empty.src;
  document.images["img"+(baseref+offset/2)].src=empty.src;
  document.images["img"+(baseref+offset)].src=peg.src;
  if (start+2==end)
  {
    document.buttonsform.solve.value="Solucion";
    running=false;
    finished=true;
    setTimeout('win()',delaynum);
  }
  else solveRunning=setTimeout('drawPreview(i+2,j)',delaynum);
}

</SCRIPT>
<CENTER>

<TABLE BORDER="1" BGCOLOR="#007777" CELLPADDING="15" CELLSPACING="0">
<TR><TD ALIGN="CENTER"><IMG SRC="blank.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img0">
<IMG SRC="blank.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img1">
<A HREF="#" onClick="window.move(2);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img2"></A>
<A HREF="#" onClick="window.move(3);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img3"></A>
<A HREF="#" onClick="window.move(4);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img4"></A>
<IMG SRC="blank.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img5">
<IMG SRC="blank.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img6"><BR>
<IMG SRC="blank.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img7">
<IMG SRC="blank.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img8">
<A HREF="#" onClick="window.move(9);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img9"></A>
<A HREF="#" onClick="window.move(10);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img10"></A>
<A HREF="#" onClick="window.move(11);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img11"></A>
<IMG SRC="blank.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img12">
<IMG SRC="blank.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img13"><BR>
<A HREF="#" onClick="window.move(14);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img14"></A>
<A HREF="#" onClick="window.move(15);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img15"></A>
<A HREF="#" onClick="window.move(16);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img16"></A>
<A HREF="#" onClick="window.move(17);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img17"></A>
<A HREF="#" onClick="window.move(18);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img18"></A>
<A HREF="#" onClick="window.move(19);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img19"></A>
<A HREF="#" onClick="window.move(20);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img20"></A><BR>
<A HREF="#" onClick="window.move(21);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img21"></A>
<A HREF="#" onClick="window.move(22);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img22"></A>
<A HREF="#" onClick="window.move(23);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img23"></A>
<A HREF="#" onClick="window.move(24);return false" onMouseOver="window.status='';
return true"><IMG SRC="empty.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img24"></A>
<A HREF="#" onClick="window.move(25);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img25"></A>
<A HREF="#" onClick="window.move(26);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img26"></A>
<A HREF="#" onClick="window.move(27);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img27"></A><BR>
<A HREF="#" onClick="window.move(28);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img28"></A>
<A HREF="#" onClick="window.move(29);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img29"></A>
<A HREF="#" onClick="window.move(30);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img30"></A>
<A HREF="#" onClick="window.move(31);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img31"></A>
<A HREF="#" onClick="window.move(32);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img32"></A>
<A HREF="#" onClick="window.move(33);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img33"></A>
<A HREF="#" onClick="window.move(34);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img34"></A><BR>
<IMG SRC="blank.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img35">
<IMG SRC="blank.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img36">
<A HREF="#" onClick="window.move(37);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img37"></A>
<A HREF="#" onClick="window.move(38);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img38"></A>
<A HREF="#" onClick="window.move(39);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img39"></A>
<IMG SRC="blank.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img40">
<IMG SRC="blank.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img41"><BR>
<IMG SRC="blank.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img42">
<IMG SRC="blank.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img43">
<A HREF="#" onClick="window.move(44);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img44"></A>
<A HREF="#" onClick="window.move(45);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img45"></A>
<A HREF="#" onClick="window.move(46);return false" onMouseOver="window.status='';
return true"><IMG SRC="peg.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img46"></A>
<IMG SRC="blank.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img47">
<IMG SRC="blank.gif" BORDER="0" WIDTH="19" HEIGHT="19" NAME="img48"><BR></TD></TR>
</TABLE>
<P>
<FORM NAME="buttonsform">
<INPUT TYPE="button" NAME="new" VALUE="Empezar" onClick="window.newGame()">
<INPUT TYPE="button" NAME="solve" VALUE="Solucion" onClick="window.solve()">
<SELECT NAME="options" onChange="(window.changeBoard())">
<OPTION VALUE="Cross">Cruz
<OPTION VALUE="Plus">Suma
<OPTION VALUE="Fireplace">Superior
<OPTION VALUE="Up Arrow">Flecha
<OPTION VALUE="Pyramid">Piramide
<OPTION VALUE="Diamond">Diamante
<OPTION SELECTED VALUE="Solitaire">Solitario
</SELECT>
</FORM>
<P>

</TD></TR>
</TABLE>
</TD></TR>
</TABLE>
</CENTER>

Coloca este código dentro de la etiqueta [body....]

Todo Para Los Webmasters - Javascripts, Tutoriales, Trucos, Juegos, y Mas...

La mejor colección de trucos de Javascript, botones, banners y mas

Juegos en Javascript