Tic Tac Toe

Lembra do clássico joguinho "da velha", ou Tic Tac Toe? Agora temos a versão dele em javascript, onde você pode jogar contra um computador. E também pode ser adicionado à seu blog muito facilmente. A versão tem os créditos do site Dynamic Drive.Veja como consegui-la:

1. Vá para a página Layout -- Elementos de página.

2. Clique em Adicionar um Gadget.

3. Escolha a opção HTML/Javascript na janela pop-up que aparecerá.

4. Cole aí o código dado a seguir e salve.

<script language="javascript"> //Tic Tac Toe- By Brian (http://scriptasylum.com/bgaudiodr/) //Modified by Yossi Cohen (yossi@prosite.co.il) //Featured on Dynamicdrive.com //Visit http://www.dynamicdrive.com for this script var image1=new Image(); image1.src="http://beckerqueiroz.googlepages.com/ex.gif"; var image2=new Image(); image2.src="http://beckerqueiroz.googlepages.com/oh.gif"; var level=1, myway, mynextmove; var tmp, done, iswon, content; var pcwins=[0,0,0,0]; var playerwins=[0,0,0,0]; var draws=[0,0,0,0]; var playerstarts=true; var moves=new Array(); var game=new Array(9); var choices=[11,12,13,21,22,23,31,32,33]; var corners=[11,13,31,33]; var ways=new Array(); ways[1]=[0,11,12,13]; ways[2]=[0,21,22,23]; ways[3]=[0,31,32,33]; ways[4]=[0,11,21,31]; ways[5]=[0,12,22,32]; ways[6]=[0,13,23,33]; ways[7]=[0,11,22,33]; ways[8]=[0,13,22,31]; var w3c=(document.getElementById)?true:false; var ns4=(document.layers)?true:false; var ie4=(document.all && !w3c)?true:false; var ie5=(document.all && w3c)?true:false; var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false; function init(){ oktoplay=true; iswon=false; done=0; writetext(4); moves[11]=0; moves[12]=0; moves[13]=0; moves[21]=0; moves[22]=0; moves[23]=0; moves[31]=0; moves[32]=0; moves[33]=0; for(i=0;i<=8;i++){ document.images['rc'+choices[i]].src="http://beckerqueiroz.googlepages.com/nothing.gif"; document.images['rc'+choices[i]].alt=""; game[i]=0; } if(!playerstarts)pcturn(); } function writetext(num){ switch(num){ case 1: content='Este jogo foi um empate.'; break; case 2: content='O computador ganhou esta rodada.'; break; case 3: content='Você ganhou esta rodada.'; break; case 4: content='NÍVEL: '+level+'\n\nComputador ganhou: Este nível- '+pcwins[level]+' (Total: '+(pcwins[0]+pcwins[1]+pcwins[2]+pcwins[3])+')\nJogador ganhou : Este nível- '+playerwins[level]+' (Total: '+(playerwins[0]+playerwins[1]+playerwins[2]+playerwins[3])+')\nEmpates : Este nível- '+draws[level]+' (Total: '+(draws[0]+draws[1]+draws[2]+draws[3])+')'; break; } document.scores.scores2.value=content if(num<4)setTimeout('init(4)',1000); } function setlevel(x){ if (level!=x){ level=x; init(); }} function setbutton(cellnum){ if (!iswon){ // Thanks to Roger for finding this Bug !!! if(moves[cellnum]==0){ document.images['rc'+cellnum].src="http://beckerqueiroz.googlepages.com/ex.gif"; document.images['rc'+cellnum].alt=" X "; moves[cellnum]=1; game[done]=cellnum; done++; findwinner(true); }else alert('Você não pode mexer aqui!'); }} function pcstrategy(istowin){ if (level>0){ var str=(istowin)? 2 : 1; for(n=1;n<=8;n++){ if((moves[ways[n][1]]==str) && (moves[ways[n][2]]==str) && (moves[ways[n][3]]==0)) tmp=ways[n][3]; if((moves[ways[n][1]]==str) && (moves[ways[n][3]]==str) && (moves[ways[n][2]]==0)) tmp=ways[n][2]; if((moves[ways[n][2]]==str) && (moves[ways[n][3]]==str) && (moves[ways[n][1]]==0)) tmp=ways[n][1]; }}} function selecCorner(which){ if (which=="empty"){ do{ tmp=corners[Math.floor(Math.random()*4)]; }while(moves[tmp]!=0); } else tmp=corners[Math.floor(Math.random()*4)]; } function pcdontlose(){ if (!playerstarts){ if (done==0){ tmp=choices[2*Math.floor(Math.random()*5)]; if (tmp==22) myway=1; else myway=2; } else if (done==2){ if (myway==1){ if (game[1]==11 || game[1]==13 || game[1]==31 || game[1]==33) tmp=44-game[1]; else{ dlta=22-game[1]; op0=22+dlta+(10/dlta); op1=22+dlta-(10/dlta); tmp=eval("op"+Math.floor(Math.random()*2)); }} else if (myway==2){ if (game[1]==22){ tmp=44-game[0]; myway=21; } else if (game[1]==11 || game[1]==13 || game[1]==31 || game[1]==33){ selecCorner("empty"); myway=22; } else{ tmp=22; myway=23; }}} else if (done==4){ if (myway==22){ for (i=0; i<4 ;i++){ if (moves[corners[i]]==0){ tmp=corners[i]; }}} else if (myway==23){ dlta=game[1]-game[0]; op0=44-(game[1]+dlta); op1=(op0+game[0])/2; tmp=eval("op"+Math.floor(Math.random()*2)); } else if (myway==1) tmp=44+game[2]-(2*game[3]); }} else if (level==3){ if (done==1){ if (game[0]==11 || game[0]==13 || game[0]==31 || game[0]==33){ tmp=22; myway=1; } else if (game[0]==22){ selecCorner("any"); myway=2; } else{ tmp=22; myway=3; }} else if (done==3){ if (myway==1){ if (game[2]==44-game[0]) tmp=choices[1+(2*Math.floor(Math.random()*4))]; else tmp=44-game[0] } else if (myway==2){ if (game[2]==44-game[1]) selecCorner("empty"); } else if (myway==3){ if (game[2]==11 || game[2]==13 || game[2]==31 || game[2]==33) tmp=44-game[2]; if (game[2]==44-game[0]){ dlta=22-game[2]; tmp=22+(10/dlta); mynextmove=tmp+dlta; } else{ dlta=22-game[0]; op0=game[0]+(10/dlta); op1=game[0]-(10/dlta); op2=game[2]+dlta; tmp=eval("op"+Math.floor(Math.random()*3)); }}} else if (done==5 && myway==3){ tmp=mynextmove; }}} function findwinner(isplayer){ me=(isplayer)? 1 : 2; for(n=1;n<=8;n++){ if( (moves[ways[n][1]]==me) && (moves[ways[n][2]]==me) && (moves[ways[n][3]]==me) ){ iswon=true; break; }} if(iswon){ if(isplayer){ playerwins[level]++; playerstarts=true; writetext(3); }else{ pcwins[level]++; playerstarts=false; writetext(2); }}else{ if(done>8){ draws[level]++; playerstarts=!playerstarts; writetext(1); }else if(isplayer) pcturn(); }} function pcrandom(){ do{ tmp=choices[Math.floor(Math.random()*9)]; }while(moves[tmp]!=0); } function pcturn(){ tmp='00'; pcstrategy(true); if(tmp=='00')pcstrategy(false); if(tmp=='00' && level>1) pcdontlose(); if(tmp=='00') pcrandom(); moves[tmp]=2; game[done]=tmp; document.images['rc'+tmp].src="http://beckerqueiroz.googlepages.com/oh.gif"; document.images['rc'+tmp].alt=" O "; done++; findwinner(false); } window.onload=init; window.onresize=function(){ if(ns4)setTimeout('history.go(0)',400); } </script> <table border="5" bordercolor="black" cellpadding="0" cellspacing="0" bordercolorlight="gray" bgcolor="white"><tr> <td width="55"><a href="javascript:setbutton(11)"><img border="0" src="http://beckerqueiroz.googlepages.com/nothing.gif" name="rc11"/></a></td> <td width="55"><a href="javascript:setbutton(12)"><img border="0" src="http://beckerqueiroz.googlepages.com/nothing.gif" name="rc12"/></a></td> <td width="55"><a href="javascript:setbutton(13)"><img border="0" src="http://beckerqueiroz.googlepages.com/nothing.gif" name="rc13"/></a></td> </tr><tr> <td width="55"><a href="javascript:setbutton(21)"><img border="0" src="http://beckerqueiroz.googlepages.com/nothing.gif" name="rc21"/></a></td> <td width="55"><a href="javascript:setbutton(22)"><img border="0" src="http://beckerqueiroz.googlepages.com/nothing.gif" name="rc22"/></a></td> <td width="55"><a href="javascript:setbutton(23)"><img border="0" src="http://beckerqueiroz.googlepages.com/nothing.gif" name="rc23"/></a></td> </tr><tr> <td width="55"><a href="javascript:setbutton(31)"><img border="0" src="http://beckerqueiroz.googlepages.com/nothing.gif" name="rc31"/></a></td> <td width="55"><a href="javascript:setbutton(32)"><img border="0" src="http://beckerqueiroz.googlepages.com/nothing.gif" name="rc32"/></a></td> <td width="55"><a href="javascript:setbutton(33)"><img border="0" src="http://beckerqueiroz.googlepages.com/nothing.gif" name="rc33"/></a></td> </tr></table><br/> <form name="scores"><textarea rows="6" cols="30" name="scores2" readonly></textarea> <br/><br/> <input id="level" name="level" onclick="setlevel(0)" type="radio"/>nível 0 -- o Computador é completamente tonto. <br/> <input id="level" checked name="level" onclick="setlevel(1)" type="radio"/>nível 1 -- O Computador é mais esperto. <br/> <input id="level" name="level" onclick="setlevel(2)" type="radio"/>nível 2 -- Você pode conseguir ganhar (somente se você começar). <br/> <input id="level" name="level" onclick="setlevel(3)" type="radio"/>nível 3 -- O Computador NÃO perde. <br/> </form>

E está pronto! Experimente em seu blog agora.