Игры (Games)

Крестики-Нолики

Описание:

Игра крестики-нолики, написанная на Java-скрипте

Игрануть в Крестики-Нолики

Текст JavaScript-сценария: Games: Tetris
Просто выделите текст внутри формы, расположенной внизу, и скопируйте его (нажмите Ctrl-C или Apple-C) в новый текстовый файл программы-редактора (например, NotePad или Simple Text). После этого сохраните его (Ctrl-S или Command-S). Теперь вы можете использовать исходный текст сценария для решения своих задач!!!

 <HEAD> <STYLE> BODY {MARGIN: 0px} .cDivForm {BACKGROUND-COLOR: #00bfff;BORDER-BOTTOM: #00bfff 1px outset;BORDER-LEFT: #00bfff 1px outset;BORDER-RIGHT: #00bfff 1px outset;BORDER-TOP: #00bfff 1px outset;HEIGHT: 450px;WIDTH: 350px} .cDivBody {BACKGROUND-COLOR: #ffffff;BORDER-BOTTOM: #ffffff 1px inset;BORDER-LEFT: #ffffff 1px inset;BORDER-RIGHT: #ffffff 1px inset;BORDER-TOP: #ffffff 1px inset;LEFT: 10px;POSITION: absolute;TOP: 10px} .cDivNext {BACKGROUND-COLOR: #ffffff;BORDER-BOTTOM: #ffffff 1px inset;BORDER-LEFT: #ffffff 1px inset;BORDER-RIGHT: #ffffff 1px inset;BORDER-TOP: #ffffff 1px inset;LEFT: 230px;POSITION: absolute;TOP: 10px} .cBlockBlue {BACKGROUND-COLOR: #0000ff;BORDER-BOTTOM: #0000ff 1px outset;BORDER-LEFT: #0000ff 1px outset;BORDER-RIGHT: #0000ff 1px outset;BORDER-TOP: #0000ff 1px outset} .cBlockRed {BACKGROUND-COLOR: #ff0000;BORDER-BOTTOM: #ff0000 1px outset;BORDER-LEFT: #ff0000 1px outset;BORDER-RIGHT: #ff0000 1px outset;BORDER-TOP: #ff0000 1px outset;HEIGHT: 8px;WIDTH: 8px} .cBlockGreen {BACKGROUND-COLOR: #008000;BORDER-BOTTOM: #008000 1px outset;BORDER-LEFT: #008000 1px outset;BORDER-RIGHT: #008000 1px outset;BORDER-TOP: #008000 1px outset;HEIGHT: 8px;WIDTH: 8px} .cBlockPurple {BACKGROUND-COLOR: #993399;BORDER-BOTTOM: #993399 1px outset;BORDER-LEFT: #993399 1px outset;BORDER-RIGHT: #993399 1px outset;BORDER-TOP: #993399 1px outset;HEIGHT: 8px;WIDTH: 8px} .cBlockYellow {BACKGROUND-COLOR: #ffff00;BORDER-BOTTOM: #ffff00 1px outset;BORDER-LEFT: #ffff00 1px outset;BORDER-RIGHT: #ffff00 1px outset;BORDER-TOP: #ffff00 1px outset;HEIGHT: 8px;WIDTH: 8px} .cBlockGrey {BACKGROUND-COLOR: #cccccc;BORDER-BOTTOM: #cccccc 1px outset;BORDER-LEFT: #cccccc 1px outset;BORDER-RIGHT: #cccccc 1px outset;BORDER-TOP: #cccccc 1px outset;HEIGHT: 8px;WIDTH: 8px} .cBlockSeaGreen {BACKGROUND-COLOR: #66cccc;BORDER-BOTTOM: #66cccc 1px outset;BORDER-LEFT: #66cccc 1px outset;BORDER-RIGHT: #66cccc 1px outset;BORDER-TOP: #66cccc 1px outset;HEIGHT: 8px;WIDTH: 8px} .cBlockWhite {BORDER-BOTTOM: #ffffff 1px solid;BORDER-LEFT: #ffffff 1px solid;BORDER-RIGHT: #ffffff 1px solid;BORDER-TOP: #ffffff 1px solid;HEIGHT: 8px;WIDTH: 8px} .cTextBox {BORDER-BOTTOM: #ffffff 1px inset;BORDER-LEFT: #ffffff 1px inset;BORDER-RIGHT: #ffffff 1px inset;BORDER-TOP: #ffffff 1px inset} </STYLE> <SCRIPT LANGUAGE="JavaScript" DEFER> var Matrix, NextMatrix, no, nextNo, ObjX, ObjY, boxes; var boxes, rotateNo, isNext, isPause, isFinish, isProcess; var timerID, delay, totalLns, totalPts, White, Color; var Obj1, Obj2, Obj3,Obj4 function InitVar(){ Matrix = new Array(10); NextMatrix = new Array(4); for(count=0;count<10;count++) Matrix[count] = new Array(20); for(count=0;count<4;count++) NextMatrix[count] = new Array(2); Obj1 = new Array("0 0 1 0 2 0 2 1","0 1 0 0 1 0 2 0","0 1 1 1 0 0 1 0","0 0 1 0 2 0 3 0","0 0 1 0 1 1 2 0","0 1 1 1 1 0 2 0","0 0 1 0 1 1 2 1"); Obj2 = new Array("0 2 0 1 0 0 1 0","1 2 0 2 0 1 0 0","0 1 1 1 0 0 1 0","0 0 0 1 0 2 0 3","0 0 0 1 1 1 0 2","1 2 1 1 0 1 0 0","0 2 0 1 1 1 1 0"); Obj3 = new Array("2 1 1 1 0 1 0 0","2 0 2 1 1 1 0 1","0 1 1 1 0 0 1 0","0 0 1 0 2 0 3 0","0 1 1 1 1 0 2 1","0 1 1 1 1 0 2 0","0 0 1 0 1 1 2 1"); Obj4 = new Array("1 0 1 1 1 2 0 2","0 0 1 0 1 1 1 2","0 1 1 1 0 0 1 0","0 0 0 1 0 2 0 3","1 0 1 1 0 1 1 2","1 2 1 1 0 1 0 0","0 2 0 1 1 1 1 0"); no = 0; nextNo = 0; ObjX = 0; ObjY = 0; boxes; rotateNo = 0; isNext = true; isPause = false; isFinish = true; isProcess = false; timerID = null; delay = 1000; totalLns = 0; totalPts = 0; White = "cBlockWhite"; } function Init(){ var strHtml, counter InitVar(); counter = 0; strHtml = "<TABLE Width=200 CellPadding=0 CellSpacing=0>"; for(i=1;i<=20;i++){ strHtml = strHtml + "<TR>"; for(j=1;j<=10;j++){ counter++; strHtml = strHtml + "<TD NoWrap Class=cBlockWhite ID=Block" + counter.toString() + "> </TD>"; } strHtml = strHtml + "</TR>"; } strHtml = strHtml + "</TABLE>"; divBody.innerHTML = strHtml; counter = 0; for(i=0;i<=19;i++){ for(j=0;j<=9;j++){ counter++; Matrix[j][i] = document.all.item("Block" + counter.toString()); } } counter = 0; strHtml = "<TABLE Width=80 CellPadding=0 CellSpacing=0>"; for(i=1;i<=2;i++){ strHtml = strHtml + "<TR>"; for(j=1;j<=4;j++){ counter++; strHtml = strHtml + "<TD NoWrap Class=cBlockWhite ID=BlockNext" + counter.toString() + "> </TD>"; } strHtml = strHtml + "</TR>"; } strHtml = strHtml + "</TABLE>"; divNext.innerHTML = strHtml; counter = 0 for(i=0;i<=1;i++){ for(j=0;j<=3;j++){ counter++; NextMatrix[j][i] = document.all.item("BlockNext" + counter.toString()); } } Color = new Array("cBlockSeaGreen","cBlockRed","cBlockGreen","cBlockBlue","cBlockYellow","cBlockPurple","cBlockGrey") document.onkeydown = keyDown } function Finish(isWin){ isFinish = true; if (isWin) alert("Congratulation! You win the game"); else alert("Game Over"); }function isWhite(X,Y){ return (Matrix[X][Y].className==White); } function isOnGround(){ for(count=0;count<4;count++){ toCheck = false; posX = ObjX + parseInt(boxes[count*2]); posY = ObjY - parseInt(boxes[count*2+1]); if (posY==19) return true; if (posY<0 || posX<0 || posX>9) continue; for(count2=0;count2<4;count2++){ if (count2==count) continue; posX2 = ObjX + parseInt(boxes[count2*2]); posY2 = ObjY - parseInt(boxes[count2*2+1]); if (posX2==posX && posY2>posY){ toCheck = false; break; } toCheck = true; } if (toCheck) if (!isWhite(posX,posY+1)) return true; } return false; }function isOut(testX,testY,testBox){ for(count=0;count<4;count++){ posX = ObjX + testX + parseInt(testBox[count*2]); posY = ObjY + testY - parseInt(testBox[count*2+1]); if ((posX<0) || (posX>9) || (posY>19)) return true; if (posY>0) if (!isWhite(posX,posY)) return true; } return false; }function isStuck(){ for(count=0;count<4;count++){ toCheck = false; posX = ObjX + parseInt(boxes[count*2]); posY = ObjY - parseInt(boxes[count*2+1]); for(count2=0;count2<4;count2++){ if (count2==count) continue; posX2 = ObjX + parseInt(boxes[count2*2]); posY2 = ObjY - parseInt(boxes[count2*2+1]); if (posY2==posY && posY2<posY){ toCheck = false; break; } toCheck = true; } if (toCheck) if (!isWhite(posX-1,posY)) return true; } return false; }function PaintObj(X,Y,clr){ if ((X<0) || (X>9) || (Y<0) || (Y>19)) return; Matrix[X][Y].className = clr; }function DisplayObj(X,Y,Box,clr){ for(count=0;count<4;count++){ posX = X + parseInt(Box[count*2]); posY = Y - parseInt(Box[count*2+1]); PaintObj(posX,posY,clr); } }function MoveObj(X,Y){ DisplayObj(ObjX,ObjY,boxes,White); if (!isOut(X,Y,boxes)){ ObjX += X; ObjY += Y; } DisplayObj(ObjX,ObjY,boxes,Color[no]); }function MoveDown(Y){ posY = Y-1; if (posY<0) return; while(posY>=0){ isEmpty = true; for(count2=0;count2<10;count2++){ if (!isWhite(count2,posY)){ isEmpty = false; break; } } if (isEmpty) break; for(count2=0;count2<10;count2++) PaintObj(count2,posY+1,Matrix[count2][posY].className); posY--; } for(count2=0;count2<10;count2++) PaintObj(count2,posY+1,White); }function UpdateLine(){ noLine = 0; pts = 0; for(count=0;count<4;count++){ isLine = true; posY = ObjY + noLine - count; if (posY<0) break; for(count2=0;count2<10;count2++){ if (isWhite(count2,posY)){ isLine = false; break; } } if (isLine){ for(count2=0;count2<10;count2++) PaintObj(count2,posY,White); MoveDown(posY); noLine++; pts += noLine * 100; } } if (noLine){ totalLns += noLine; totalPts +=pts; lvl = Math.floor(noLine / 20); delay = 1000 - lvl * 90; lvl++; txtLines.value = totalLns; txtPoints.innerText = totalPts; txtLevel.innerText = lvl; if (lvl>10) Finish(true); } }function Rotate(){ var temp_box; rotateNo++; if (rotateNo>3) rotateNo = 0; if (rotateNo==0) temp_box = Obj1[no].split(' '); else if (rotateNo==1) temp_box = Obj2[no].split(' '); else if (rotateNo==2) temp_box = Obj3[no].split(' '); else temp_box = Obj4[no].split(' '); DisplayObj(ObjX,ObjY,boxes,White); if (isOut(0,0,temp_box)){ if (isOut(-1,0,temp_box)){ if (isOut(-2,0,temp_box)){ if (!isOut(-3,0,temp_box)){ (!isStuck())?ObjX -= 3:temp_box = boxes; }else temp_box = boxes; }else (!isStuck())?ObjX -= 2:temp_box = boxes; }else (!isStuck())?ObjX -= 1:temp_box = boxes; } DisplayObj(ObjX,ObjY,temp_box,Color[no]); boxes = temp_box; }function ShowNext(){ Box = Obj1[nextNo].split(' '); for(X=0;X<4;X++) for(Y=0;Y<2;Y++) NextMatrix[X][Y].className = White; for(count=0;count<4;count++){ posX = parseInt(Box[count*2]); posY = 1 - parseInt(Box[count*2+1]); NextMatrix[posX][posY].className = Color[nextNo]; } }function Runtime(){ if (isNext){ no = nextNo; boxes = Obj1[no].split(' '); nextNo = Math.round(Math.random()*1000 % 6); ShowNext(); ObjX = 3; ObjY = 0; DisplayObj(ObjX,ObjY,boxes,Color[no]); isNext = false; rotateNo = 0; }else{ isProcess = true; if (isOnGround()){ isNext = true; for(count=0;count<4;count++){ posY = ObjY - parseInt(boxes[count*2+1]); if (posY<0){ Finish(false); return; } } UpdateLine(); isPause = false; Runtime(); return; }else MoveObj(0,1); isProcess = false; } timerID = setTimeout('Runtime()',delay); }function Restart(){ for(boxX=0;boxX<10;boxX++) for(boxY=0;boxY<20;boxY++) PaintObj(boxX,boxY,White); nextNo = Math.round(Math.random()*1000 % 6); txtLevel.value = "1"; txtLines.value = "0"; txtPoints.value = "0"; delay = 1000; isNext = true; isFinish = false; Runtime(); }function keyDown(DnEvents){ Key = event.keyCode; switch(Key){ case 13: if (isFinish) Restart(); break; case 37: if (!isPause && !isFinish) MoveObj(-1,0); break; case 39: if (!isPause && !isFinish) MoveObj(1,0); break; case 40: if (!isPause && !isFinish) MoveObj(0,1); break; case 80: case 112: if (!isFinish){ if (isPause){ isPause = false; Runtime(); }else{ clearTimeout(timerID); isPause = true; } } break; case 82: case 114: if (!isPause && !isFinish) Rotate(); break; } } </SCRIPT> </HEAD>  <BODY onLoad="Init()"> <DIV Class=cDivForm> <DIV ID=divBody Class=cDivBody> </DIV> <DIV ID=divNext Class=cDivNext> </DIV> <DIV Style="position:absolute;top:80px;left:230px"> Level<BR> <INPUT Type=text Name=txtLevel Class="cTextBox" Style="width:50px;text-align:right"> </DIV> <DIV Style="position:absolute;top:130px;left:230px"> Lines<BR> <INPUT Type=text Name=txtLines Class="cTextBox" Style="width:50px;text-align:right"> </DIV> <DIV Style="position:absolute;top:180px;left:230px"> Points<BR> <INPUT Type=text Name=txtPoints Class="cTextBox" Style="width:100px;text-align:right"> </DIV> <DIV Style="position:absolute;top:240px;left:230px"> <TABLE Style="font-size: 9pt"> <TR> <TD style="Color:Red"><U>Клавиши управления</U></TD> <TD></TD> </TR> <TR> <TD>Сдвиг влево:</TD> <TD>Стрелка влево</TD> </TR> <TR> <TD>Сдвиг вправо:</TD> <TD>Стрелка вправо</TD> </TR> <TR> <TD>Вниз:</TD> <TD>Стрелка вниз</TD> </TR> <TR> <TD>Вращение:</TD> <TD>R</TD> </TR> <TR> <TD>Пауза:</TD> <TD>P</TD> </TR> <TR> <TD>Старт:</TD> <TD>Enter</TD> </TR> </TABLE> </DIV> </DIV> </BODY>

Источник: http://www.woweb.ru