Игры (Game)

Сапер (Mines)

Игрануть в САПЕРА

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

<LINK href="mine.css" type=text/css rel=StyleSheet> <SCRIPT> /*/ /// MINE NODE CONSTRUCTOR /// This creates a default node for the mine game to be used for /// keeping track of its status, if it is a mine, and how many mines /// are surrounding it. /*/ function mineNode() { // Properties this.strStatus = "unclicked"; this.boolIsMine = false; this.intSurroundingMines = 0; } /*/ /// MINE GAME CONSTRUCTOR /// This creates a mine game /*/ function mineGame(rows, cols, mines) { // Properties this.boolGameOver = false; this.intFlags = 0; this.intQuestions = 0; this.intRows = parseInt(rows); this.intCols = parseInt(cols); this.intMines = parseInt(mines); this.intRemainingSpaces = this.intRows * this.intCols; this.strDivHTML = ""; this.arrRows = new Array(rows); // Methods this.createBoard = function() { for(var i = 0; i < this.intCols; i++) { this.arrRows[i] = new Array(this.intCols); } for(var i = 0; i < this.intRows; i++) { for(var j = 0; j < this.intCols; j++){ this.arrRows[i][j] = new mineNode(); } } for(var i = 0; i < this.intMines; i++) { var intMineRow = Math.floor(Math.random()*this.intRows); var intMineColumn = Math.floor(Math.random()*this.intCols); if(!this.arrRows[intMineRow][intMineColumn].boolIsMine) { this.arrRows[intMineRow][intMineColumn].boolIsMine = true; } else { i--; } } for(var i = 0; i < this.intRows; i++) { for(var j = 0; j < this.intCols; j++) { this.strDivHTML += "<img src=\"unclicked.gif\" name=\"node" + i + "-" + j + "\" id=\"node" + i + "-" + j + "\" border=\"0\" onmouseover=\"window.status=objGame.updateStatus(this.name);return true;\" onclick=\"objGame.checkClick('node" + i + "-" + j + "' )\" oncontextmenu=\"objGame.rightClick('node" + i + "-" + j + "' );return false;\">"; for(var k = -1; k < 2; k++) { for(var l = -1; l < 2 ; l++) { if(i+k >= 0 && i+k < this.intRows && j+l >=0 && j+l < this.intCols) { if(this.arrRows[i+k][j+l].boolIsMine) { this.arrRows[i][j].intSurroundingMines++; } } } } } this.strDivHTML += "<br>"; } document.all['mineBoard'].innerHTML = this.strDivHTML; } this.checkClick = function(nodeName) { if(!this.boolGameOver) { var intMineRow = nodeName.substring(4,nodeName.indexOf('-')); var intMineColumn = nodeName.substring(nodeName.indexOf('-')+1,nodeName.length); if(intGameTime == 0) { this.startGame(); } if(this.arrRows[intMineRow][intMineColumn].strStatus == "rightclicked") { return false; } else if(this.arrRows[intMineRow][intMineColumn].boolIsMine) { this.endGame(0); } else if(this.arrRows[intMineRow][intMineColumn].intSurroundingMines == 0) { this.displaySurroundings(intMineRow, intMineColumn); } else { this.arrRows[intMineRow][intMineColumn].strStatus = "displayed"; document.images[nodeName].src = this.arrRows[intMineRow][intMineColumn].intSurroundingMines + '.gif'; this.intRemainingSpaces--; if(this.intRemainingSpaces == this.intMines) { this.endGame(1); } } } } this.rightClick = function(nodeName) { if(!this.boolGameOver) { var intMineRow = nodeName.substring(4, nodeName.indexOf('-')); var intMineColumn = nodeName.substring(nodeName.indexOf('-')+1, nodeName.length); if(this.arrRows[intMineRow][intMineColumn].strStatus == "unclicked") { this.arrRows[intMineRow][intMineColumn].strStatus = "rightclicked"; document.images[nodeName].src = "flag.gif"; this.intFlags++; updateMines(); } else if(this.arrRows[intMineRow][intMineColumn].strStatus == "rightclicked") { this.arrRows[intMineRow][intMineColumn].strStatus = "rightclickedtwice"; document.images[nodeName].src = "question.gif"; this.intFlags--; this.intQuestions++; updateMines(); } else if(this.arrRows[intMineRow][intMineColumn].strStatus == "rightclickedtwice") { this.arrRows[intMineRow][intMineColumn].strStatus = "unclicked"; document.images[nodeName].src = "unclicked.gif"; this.intQuestions--; } } } this.displaySurroundings = function(intRow, intCol) { var intRow = parseInt(intRow); var intCol = parseInt(intCol); for(var k = -1; k < 2; k++) { for(var l = -1; l < 2 ; l++) { if(intRow+k >= 0 && intRow+k < this.intRows && intCol+l >=0 && intCol+l < this.intCols) { if(this.arrRows[parseInt(intRow+k)][parseInt(intCol+l)].intSurroundingMines == 0 && this.arrRows[parseInt(intRow+k)][parseInt(intCol+l)].strStatus != "displayed") { this.arrRows[parseInt(intRow+k)][parseInt(intCol+l)].strStatus = "displayed"; this.displaySurroundings(parseInt(intRow+k), parseInt(intCol+l)); document.images['node'+parseInt(intRow+k)+'-'+parseInt(intCol+l)].src = this.arrRows[parseInt(intRow+k)][parseInt(intCol+l)].intSurroundingMines + '.gif'; this.intRemainingSpaces--; if(this.intRemainingSpaces == this.intMines) { this.endGame(1); } } else { if (this.arrRows[parseInt(intRow+k)][parseInt(intCol+l)].strStatus != "displayed") { this.arrRows[parseInt(intRow+k)][parseInt(intCol+l)].strStatus = "displayed"; document.images['node'+parseInt(intRow+k)+'-'+parseInt(intCol+l)].src = this.arrRows[parseInt(intRow+k)][parseInt(intCol+l)].intSurroundingMines + '.gif'; this.intRemainingSpaces--; if(this.intRemainingSpaces == this.intMines) { this.endGame(1); } } } } } } } this.displayItems = function(strItem) { for(var i = 0; i < this.intRows; i++) { for(var j = 0; j < this.intCols; j++) { if(this.arrRows[i][j].boolIsMine) { document.images['node'+i+'-'+j].src = strItem+".gif"; } } } } this.updateStatus = function(nodeName) { var intMineRow = nodeName.substring(4, nodeName.indexOf('-')); var intMineColumn = nodeName.substring(nodeName.indexOf('-')+1, nodeName.length); return "["+intMineRow+":"+intMineColumn+"] [status: "+this.arrRows[intMineRow][intMineColumn].strStatus+"] [isMine: "+this.arrRows[intMineRow][intMineColumn].boolIsMine+"] [surroundingMines: "+this.arrRows[intMineRow][intMineColumn].intSurroundingMines+"] - [Remaining Spaces: "+this.intRemainingSpaces+"]"; } this.startGame = function() { intGameTime = 1; document.all['time'].innerHTML = intGameTime; intTimer = window.setTimeout("updateTime();",1000); } this.endGame = function(boolYouWon) { this.boolGameOver = true; if(boolYouWon) { this.displayItems("flag"); this.intFlags = this.intMines; updateMines(); alert("You Win!"); } else { this.displayItems("mine"); alert("You Lose!"); } } } </SCRIPT> <SCRIPT language=JavaScript> var objGame; var MAX_ROWS = 10; var MAX_COLS = 10; var MAX_MINES = 10; function updateMines() { document.all['mines'].innerHTML = objGame.intMines - objGame.intFlags; } function updateTime() { if(!objGame.boolGameOver) { intGameTime++; document.all['time'].innerHTML = intGameTime; theTimer = window.setTimeout("updateTime();",1000); } } function init(level) { intGameTime = 0; switch(level) { case 1: objGame = new mineGame(9, 9, 10); break; case 2: objGame = new mineGame(16, 16, 40); break; case 3: objGame = new mineGame(16, 30, 99); break; } objGame.createBoard(); document.all['time'].innerHTML = intGameTime; document.all['mines'].innerHTML = objGame.intMines - objGame.intFlags; } </SCRIPT> </HEAD> <BODY onload=init(1)> <FORM id=mineGame name=mineGame> <TABLE cellSpacing=0 cellPadding=0 align=center border=0> <TBODY> <TR> <TD vAlign=top align=left width=200 height=240> <DIV style="PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 12px; BACKGROUND: #cccccc; PADDING-BOTTOM: 3px; WIDTH: 200px; PADDING-TOP: 3px; FONT-FAMILY: monospace; HEIGHT: 240px">Time: <DIV class=textBox id=time></DIV>Mines: <DIV class=textBox id=mines></DIV> <DIV class=menuOff id=newBeginnerGame onmouseover="this.className='menuOn'" onclick=init(1) onmouseout="this.className='menuOff'" align=left>New Beginner Game</DIV> <DIV class=menuOff id=newIntermediateGame onmouseover="this.className='menuOn'" onclick=init(2) onmouseout="this.className='menuOff'" align=left>New Intermediate Game</DIV> <DIV class=menuOff id=newAdvancesGame onmouseover="this.className='menuOn'" onclick=init(3) onmouseout="this.className='menuOff'" align=left>New Advanced Game</DIV></DIV></TD> <TD vAlign=center align=left width=450 height=240> <DIV style="PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 12px; BACKGROUND: #cccccc; PADDING-BOTTOM: 3px; WIDTH: 475px; PADDING-TOP: 3px; FONT-FAMILY: monospace; HEIGHT: 240px"> <DIV id=mineBoard></DIV></DIV></TD></TR></TBODY></TABLE></FORM>

Источник: http://www.cavalierwebdesign.com