平面設(shè)計課程設(shè)計報告(編輯修改稿)
2024-09-10 22:57 本頁面
【文章內(nèi)容簡介】 }//xia count2++。 } //左上右下判斷 for (var i = x, j = y。 i = 0, j = 0。 i, j) { if (chessData[i][j] != chess) { break。 }//左上 count3++。 } for (var i = x + 1, j = y + 1。 i 15, j 15。 i++, j++) { if (chessData[i][j] != chess) { break。 }//右下 count3++。 } //右上左下判斷 for (var i = x, j = y。 i = 0, j 15。 i, j++) { if (chessData[i][j] != chess) { break。 }//左下 count4++。 } for (var i = x + 1, j = y 1。 i 15, j = 0。 i++, j) { if (chessData[i][j] != chess) { break。 }//右上 count4++。 } //判斷輸贏，是否有同色五子連在一起 if (count1 = 5 || count2 = 5 || count3 = 5 || count4 = 5) { if (chess == 1) { alert(白棋贏了)。 } else { alert(黑棋贏了)。 } isWell = true。//設(shè)置該局棋盤已經(jīng)贏了，不可以再走了 } } 測試截圖：五、 小結(jié) 這個五子棋游戲是網(wǎng)頁版的小游戲，打開網(wǎng)頁就可以玩，主要利用了html5中的canvas畫布標(biāo)簽，JavaScript和一些數(shù)據(jù)結(jié)構(gòu)算法。最重要的是算法，包括下棋位置點的判斷，輸贏判斷。下棋位置就是一個個棋盤線交叉點，用一個二維數(shù)組對應(yīng)位置點，數(shù)組元素值表示此位置下子情況。判斷輸贏的方法就是每下一個棋就對此棋子周圍八個方向搜索，如果有同色子連五子，就判斷贏。玩法就是數(shù)據(jù)結(jié)構(gòu)，要用數(shù)據(jù)結(jié)構(gòu)算法表達(dá)出來，所以重點是數(shù)據(jù)結(jié)構(gòu)的算法。雖然這個小游戲比較簡單，算法也比較簡單，但覺得挺有趣的，算法改一點，游戲規(guī)則就變了。附完整代碼：!DOCTYPE htmlhtml xmlns=head meta equiv=ContentType content=text/html。 charset=utf8 / titleweb五子棋/title style type=text/css body { margin: 10px。 } /style script type=text/javascript var canvas。 var context。 var isWhite = true。//設(shè)置是否該輪到白棋 var isWell = false。//設(shè)置該局棋盤是否贏了，如果贏了就不能再走了 var img_b = new Image()。 = file:///D|/myweb/。//黑棋圖片 var img_w = new Image()。 = file:///D|/myweb/。//白棋圖片 var chessData =
范文總結(jié)相關(guān)推薦
鄂ICP備17016276號-1