基于jsp的井字游戲?qū)嵗?/h1>
更新時(shí)間:2016年10月18日 10:47:45 作者:hoohack
井字游戲是一款小時(shí)候的游戲,一張紙就能玩,本文主要介紹了基于jsp的井字游戲?qū)嵗信d趣的同學(xué)可以來(lái)看一下。
做一款回憶童年的游戲,這款游戲代碼比較簡(jiǎn)單,主要是掌握算法的原理,但是也有一些需要注意的地方。
游戲界面
進(jìn)入正題。項(xiàng)目的效果圖如下:

游戲有一個(gè)開(kāi)始界面可供選擇玩家的角色,然后選擇先手是哪一方,接著開(kāi)始游戲。選擇界面做了一個(gè)遮罩層,里面提供給用戶選擇,選擇之后便把遮罩層隱藏并開(kāi)始游戲。
具體實(shí)現(xiàn)
說(shuō)了那么多,可能比較枯燥,下面介紹一下具體的代碼實(shí)現(xiàn)。
使用一個(gè)二維數(shù)組panel保存棋盤的狀態(tài),1是電腦的值,-1是玩家的值。
winArr保存所有可能贏的8個(gè)棋位組合;維護(hù)computerWin和userWin,初始值等于winArr,當(dāng)電腦或玩家每次下棋時(shí),都分別更新這兩個(gè)數(shù)組,刪除掉不能贏的棋位組合。在更新panel的時(shí)候會(huì)分別更新computerWin和userWin。
核心的方法是play,play的執(zhí)行步驟偽代碼如下:
如果可以攻擊
遍歷computerWin數(shù)組,找到可以攻擊的棋位,下棋,顯示是否贏了。
不能攻擊,如果需要防守
遍歷userWin,根據(jù)玩家可贏的組合,找出需要防守的棋位,下棋,更新panel;
不需要防守,如果是電腦先手的第一步
在中心位置下棋,更新panel;
不是先手第一步
如果中心位置沒(méi)有被占去,在中心位置下棋,更新panel;返回
如果是特殊情況,在棱位下棋,更新panel; 返回
如果角位仍有位置,選擇一個(gè)角位下棋,更新panel; 返回
最后一種情況,找到剩余的空位,優(yōu)先選擇位于computerWin的空位,下棋,更新panel; 返回
play算法的實(shí)現(xiàn)如下:
if(canAttack()) {
console.log("attack");
var attackPos = findAttackPos();
updatePanel(attackPos, computerVal);
} else if(needDefend()) {
console.log("defend");
var defendPos = findDefendPos();
updatePanel(defendPos, computerVal);
} else if(firstStep()) {
console.log("first");
updatePanel(firstPos, computerVal);
running = true;
} else {
console.log("other");
if(panel[1][1] == 0) {
updatePanel(firstPos, computerVal);
return;
}
if(special()) {
console.log('special');
var pos = findSpecialPos();
updatePanel(pos, computerVal);
return;
}
var random = Math.floor(Math.random() * 2);
if(panel[0][0] == 0 && panel[2][2] == 0) {
var pos = (random == 0) ? 0 : 8;
updatePanel(pos, computerVal);
} else if(panel[0][2] == 0 && panel[2][0] == 0) {
var pos = (random == 0) ? 2: 6;
updatePanel(pos, computerVal);
} else {
var otherPos = findEmptyPos();
updatePanel(otherPos, computerVal);
}
}
總結(jié)
在編碼的過(guò)程中遇到的一個(gè)難題就是JavaScript的數(shù)組對(duì)象,我在第一次調(diào)用play方法開(kāi)頭輸出panel的時(shí)候,得到的是play執(zhí)行后panel的值,后來(lái)請(qǐng)教一位大神,發(fā)現(xiàn)是因?yàn)閜anel是一個(gè)對(duì)象,因?yàn)閷?duì)象遍歷引用的都是同一塊內(nèi)存地址,所以一旦有改變,就全部改了。如果直接使用下標(biāo)輸出每一個(gè)值的話是可以得到初始的值的,也可以用JSON方法將數(shù)組字符串,然后打印出來(lái)查看結(jié)果。
相關(guān)文章
-
JSP session配置對(duì)web應(yīng)用的影響
這篇文章主要介紹了JSP session配置對(duì)web應(yīng)用的影響的相關(guān)資料,需要的朋友可以參考下 2017-05-05
-
用定制標(biāo)簽庫(kù)和配置文件實(shí)現(xiàn)對(duì)JSP頁(yè)面元素的訪問(wèn)控制
用定制標(biāo)簽庫(kù)和配置文件實(shí)現(xiàn)對(duì)JSP頁(yè)面元素的訪問(wèn)控制... 2006-10-10
-
JSP過(guò)濾器Filter配置過(guò)濾類型全部匯總
下面小編就為大家?guī)?lái)一篇JSP過(guò)濾器Filter配置過(guò)濾類型全部匯總。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧 2017-02-02
-
JSP用過(guò)濾器解決request getParameter中文亂碼問(wèn)題
在服務(wù)器端用request.getParameter()讀取參數(shù)時(shí),很容易出現(xiàn)中文亂碼現(xiàn)象,下面是JSP用過(guò)濾器解決request中文亂碼問(wèn)題的具體實(shí)現(xiàn) 2014-09-09
-
JSP學(xué)習(xí)之?dāng)?shù)據(jù)庫(kù)開(kāi)發(fā)小結(jié)
這篇文章主要介紹了JSP學(xué)習(xí)之?dāng)?shù)據(jù)庫(kù)開(kāi)發(fā),較為詳細(xì)的分析了JSP數(shù)據(jù)庫(kù)操作所涉及的數(shù)據(jù)類型、函數(shù)、模式及數(shù)據(jù)操作相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下 2015-09-09
-
Jsp中request的3個(gè)基礎(chǔ)實(shí)踐
本篇文章給大家分享了Jsp內(nèi)置對(duì)象request的3個(gè)基礎(chǔ)實(shí)踐以及相關(guān)代碼分享,有需要的朋友學(xué)習(xí)下。 2018-04-04
最新評(píng)論
做一款回憶童年的游戲,這款游戲代碼比較簡(jiǎn)單,主要是掌握算法的原理,但是也有一些需要注意的地方。
游戲界面
進(jìn)入正題。項(xiàng)目的效果圖如下:
游戲有一個(gè)開(kāi)始界面可供選擇玩家的角色,然后選擇先手是哪一方,接著開(kāi)始游戲。選擇界面做了一個(gè)遮罩層,里面提供給用戶選擇,選擇之后便把遮罩層隱藏并開(kāi)始游戲。
具體實(shí)現(xiàn)
說(shuō)了那么多,可能比較枯燥,下面介紹一下具體的代碼實(shí)現(xiàn)。
使用一個(gè)二維數(shù)組panel保存棋盤的狀態(tài),1是電腦的值,-1是玩家的值。
winArr保存所有可能贏的8個(gè)棋位組合;維護(hù)computerWin和userWin,初始值等于winArr,當(dāng)電腦或玩家每次下棋時(shí),都分別更新這兩個(gè)數(shù)組,刪除掉不能贏的棋位組合。在更新panel的時(shí)候會(huì)分別更新computerWin和userWin。
核心的方法是play,play的執(zhí)行步驟偽代碼如下:
如果可以攻擊
遍歷computerWin數(shù)組,找到可以攻擊的棋位,下棋,顯示是否贏了。
不能攻擊,如果需要防守
遍歷userWin,根據(jù)玩家可贏的組合,找出需要防守的棋位,下棋,更新panel;
不需要防守,如果是電腦先手的第一步
在中心位置下棋,更新panel;
不是先手第一步
如果中心位置沒(méi)有被占去,在中心位置下棋,更新panel;返回
如果是特殊情況,在棱位下棋,更新panel; 返回
如果角位仍有位置,選擇一個(gè)角位下棋,更新panel; 返回
最后一種情況,找到剩余的空位,優(yōu)先選擇位于computerWin的空位,下棋,更新panel; 返回
play算法的實(shí)現(xiàn)如下:
if(canAttack()) { console.log("attack"); var attackPos = findAttackPos(); updatePanel(attackPos, computerVal); } else if(needDefend()) { console.log("defend"); var defendPos = findDefendPos(); updatePanel(defendPos, computerVal); } else if(firstStep()) { console.log("first"); updatePanel(firstPos, computerVal); running = true; } else { console.log("other"); if(panel[1][1] == 0) { updatePanel(firstPos, computerVal); return; } if(special()) { console.log('special'); var pos = findSpecialPos(); updatePanel(pos, computerVal); return; } var random = Math.floor(Math.random() * 2); if(panel[0][0] == 0 && panel[2][2] == 0) { var pos = (random == 0) ? 0 : 8; updatePanel(pos, computerVal); } else if(panel[0][2] == 0 && panel[2][0] == 0) { var pos = (random == 0) ? 2: 6; updatePanel(pos, computerVal); } else { var otherPos = findEmptyPos(); updatePanel(otherPos, computerVal); } }
總結(jié)
在編碼的過(guò)程中遇到的一個(gè)難題就是JavaScript的數(shù)組對(duì)象,我在第一次調(diào)用play方法開(kāi)頭輸出panel的時(shí)候,得到的是play執(zhí)行后panel的值,后來(lái)請(qǐng)教一位大神,發(fā)現(xiàn)是因?yàn)閜anel是一個(gè)對(duì)象,因?yàn)閷?duì)象遍歷引用的都是同一塊內(nèi)存地址,所以一旦有改變,就全部改了。如果直接使用下標(biāo)輸出每一個(gè)值的話是可以得到初始的值的,也可以用JSON方法將數(shù)組字符串,然后打印出來(lái)查看結(jié)果。
相關(guān)文章
JSP session配置對(duì)web應(yīng)用的影響
這篇文章主要介紹了JSP session配置對(duì)web應(yīng)用的影響的相關(guān)資料,需要的朋友可以參考下2017-05-05用定制標(biāo)簽庫(kù)和配置文件實(shí)現(xiàn)對(duì)JSP頁(yè)面元素的訪問(wèn)控制
用定制標(biāo)簽庫(kù)和配置文件實(shí)現(xiàn)對(duì)JSP頁(yè)面元素的訪問(wèn)控制...2006-10-10JSP過(guò)濾器Filter配置過(guò)濾類型全部匯總
下面小編就為大家?guī)?lái)一篇JSP過(guò)濾器Filter配置過(guò)濾類型全部匯總。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02JSP用過(guò)濾器解決request getParameter中文亂碼問(wèn)題
在服務(wù)器端用request.getParameter()讀取參數(shù)時(shí),很容易出現(xiàn)中文亂碼現(xiàn)象,下面是JSP用過(guò)濾器解決request中文亂碼問(wèn)題的具體實(shí)現(xiàn)2014-09-09JSP學(xué)習(xí)之?dāng)?shù)據(jù)庫(kù)開(kāi)發(fā)小結(jié)
這篇文章主要介紹了JSP學(xué)習(xí)之?dāng)?shù)據(jù)庫(kù)開(kāi)發(fā),較為詳細(xì)的分析了JSP數(shù)據(jù)庫(kù)操作所涉及的數(shù)據(jù)類型、函數(shù)、模式及數(shù)據(jù)操作相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09Jsp中request的3個(gè)基礎(chǔ)實(shí)踐
本篇文章給大家分享了Jsp內(nèi)置對(duì)象request的3個(gè)基礎(chǔ)實(shí)踐以及相關(guān)代碼分享,有需要的朋友學(xué)習(xí)下。2018-04-04