這次給大家?guī)碓鯓佑肑S做出井字棋游戲，用JS做出井字棋游戲的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。

最近有一門課結(jié)束了，需要做一個井字棋的游戲，我用JavaScript寫了一個。首先界面應(yīng)該問題不大，用html稍微寫一下就可以。主要是人機(jī)對弈時的ai算法，如何使電腦方聰明起來，是值得思考一下的。開始游戲后，由玩家先行。那么站在計算機(jī)的角度，可以對多種情況進(jìn)行分析，并按照重要程度賦予權(quán)值。

情況如下：

1、同一排(行。列。對角線)有且只有兩個棋子，并且都是自己的，只要再進(jìn)一步就能獲勝，那么剩下的那個位置權(quán)值最高，優(yōu)先級最大。賦予一級權(quán)值。

2、同一排(行。列。對角線)有且只有兩個棋子，并且都是對方的(也就是玩家的)，只要再進(jìn)一步，玩家就會成功，所以“我”要堵住，剩下的那個位置賦予二級權(quán)值。

3、因為電腦方后行，如果聰明點，需要一直堵玩家方，所以當(dāng)一排只有一個棋，且是玩家的棋子，那么該排其他位置的權(quán)值設(shè)為三級。

4、四級權(quán)值：一排只有己方(電腦方)的棋子。

5、五級權(quán)限：同排沒有棋子，包括對方和己方。

實現(xiàn)的時候，每個位置的棋子，可以用二維數(shù)組full表示，每個位置的權(quán)值大小也用一個二維數(shù)組val來表示。玩家方下完后，調(diào)用AI方的函數(shù)，AI方行棋前，先更新一下權(quán)值，然后選出權(quán)值最大的位置落子(最優(yōu)解)。無論是ai還是玩家方，每次落子后都要判斷有沒有產(chǎn)生輸贏。用alert()函數(shù)輸出結(jié)果。

為了表示權(quán)值的大小，規(guī)定按照一級到五級順序，依次加 10000、1000、10、5、3

注：由于可能要提交源碼，我沒有分離出css樣式和js文件，不過最好還是分開寫更規(guī)范。如有不足之處，歡迎批評指正。

源碼如下：

井字棋

//定義全局變量

var full=[[0,0,0],[0,0,0],[0,0,0]];//0表示null，1表示我下的，2表示電腦下的

var val=[[1,1,1],[1,1,1],[1,1,1]];//表示每個位置的權(quán)值

function judge(){

//檢測是否有人贏

//行

for(var i=0;i<3;i++){

if(full[i][0]==full[i][1]&&full[i][1]==full[i][2]&&full[i][0]!=0){

if(full[i][0]==1){

window.alert("you win!");

return true;

}

else {

window.alert("you lose");

return true;

}

}

}

//列

for(var i=0;i<3;i++){

if(full[0][i]==full[1][i]&&full[1][i]==full[2][i]&&full[0][i]!=0){

if(full[0][i]==1){

window.alert("you win!");

return true;

}

else {

window.alert("you lose");

return true;

}

}

}

//主對角線

if(full[0][0]==full[1][1]&&full[1][1]==full[2][2]&&full[0][0]!=0){

if(full[0][0]==1){

window.alert("you win!");

return true;

}

else {

window.alert("you lose");

return true;

}

}

if(full[0][2]==full[1][1]&&full[2][0]==full[1][1]&&full[0][2]!=0){

if(full[0][2]==1){

window.alert("you win!");

return true;

}

else {

window.alert("you lose");

return true;

}

}

for(var i=0;i<3;i++){

for(var j=0;j<3;j++){

if(full[i][j]==0)

return false;//說明還沒結(jié)束

if(i==2&&j==2)

{window.alert("平局！");

return true;

}

}

}

return false;//無結(jié)果

}

function bn(i,j){

//如果已經(jīng)下過，則無效

if(full[i][j]!=0){

return 0;

}else{

//沒下過

full[i][j]=1;

num1=(i*3+j+1)+"";

document.getElementById(num1).value="X";

if(judge()==true){

return;

}

ai();//切換

}

}

//重置權(quán)值：

function resetValue(){

for(var i=0;i<3;i++){

for(var j=0;j<3;j++){

if(full[i][j]!=0)

val[i][j]=0;

else{

//看行和列：

//最高權(quán)值

if(((full[0][j]+full[1][j]+full[2][j])==4)&&(full[0][j]*full[1][j]*full[2][j])==0

&&((full[0][j]-1)*(full[1][j]-1)*(full[2][j]-1))==-1)

val[i][j]=val[i][j]+10000;

if(((full[i][0]+full[i][1]+full[i][2])==4)&&(full[i][0]*full[i][1]*full[i][2])==0

&&((full[i][0]-1)*(full[i][1]-1)*(full[i][2]-1))==-1)

val[i][j]=val[i][j]+10000;

//次級權(quán)值

if(((full[0][j]+full[1][j]+full[2][j])==2)&&(full[0][j]*full[1][j]*full[2][j])==0

&&((full[0][j]-1)*(full[1][j]-1)*(full[2][j]-1))==0)

val[i][j]=val[i][j]+1000;

if(((full[i][0]+full[i][1]+full[i][2])==2)&&(full[i][0]*full[i][1]*full[i][2])==0

&&((full[i][0]-1)*(full[i][1]-1)*(full[i][2]-1))==0)

val[i][j]=val[i][j]+1000;

//三級權(quán)值(一排只有一個X)

if(((full[0][j]+full[1][j]+full[2][j])==1)&&(full[0][j]*full[1][j]*full[2][j])==0

&&((full[0][j]-1)*(full[1][j]-1)*(full[2][j]-1))==0)

val[i][j]=val[i][j]+10;

if(((full[i][0]+full[i][1]+full[i][2])==1)&&(full[i][0]*full[i][1]*full[i][2])==0

&&((full[i][0]-1)*(full[i][1]-1)*(full[i][2]-1))==0)

val[i][j]=val[i][j]+10;

//四級權(quán)值(一排只有一個O)

if(((full[0][j]+full[1][j]+full[2][j])==2)&&(full[0][j]*full[1][j]*full[2][j])==0

&&((full[0][j]-1)*(full[1][j]-1)*(full[2][j]-1))==1)

val[i][j]=val[i][j]+5;

if(((full[i][0]+full[i][1]+full[i][2])==2)&&(full[i][0]*full[i][1]*full[i][2])==0

&&((full[i][0]-1)*(full[i][1]-1)*(full[i][2]-1))==1)

val[i][j]=val[i][j]+5;

//五級權(quán)限(該行沒有X或O)

if(((full[0][j]+full[1][j]+full[2][j])==0)&&(full[0][j]*full[1][j]*full[2][j])==0

&&((full[0][j]-1)*(full[1][j]-1)*(full[2][j]-1))==-1)

val[i][j]=val[i][j]+2;

if(((full[i][0]+full[i][1]+full[i][2])==0)&&(full[i][0]*full[i][1]*full[i][2])==0

&&((full[i][0]-1)*(full[i][1]-1)*(full[i][2]-1))==-1)

val[i][j]=val[i][j]+2;

//主對角線：同上

if((i==0&&j==0)||(i==2&&j==2)||(i==1&&j==1)){

if(((full[0][0]+full[1][1]+full[2][2])==4)&&(full[0][0]*full[1][1]*full[2][2])==0

&&((full[0][0]-1)*(full[1][1]-1)*(full[2][2]-1))==-1)

val[i][j]=val[i][j]+10000;

//次級權(quán)值

if(((full[0][0]+full[1][1]+full[2][2])==2)&&(full[0][0]*full[1][1]*full[2][2])==0

&&((full[0][0]-1)*(full[1][1]-1)*(full[2][2]-1))==0)

val[i][j]=val[i][j]+1000;

//三級權(quán)值(一排只有一個X)

if(((full[0][0]+full[1][1]+full[2][2])==1)&&(full[0][0]*full[1][1]*full[2][2])==0

&&((full[0][0]-1)*(full[1][1]-1)*(full[2][2]-1))==0)

val[i][j]=val[i][j]+10;

//四級權(quán)值(一排只有一個O)

if(((full[0][0]+full[1][1]+full[2][2])==2)&&(full[0][0]*full[1][1]*full[2][2])==0

&&((full[0][0]-1)*(full[1][1]-1)*(full[2][2]-1))==1)

val[i][j]=val[i][j]+5;

//五級權(quán)值(該行沒有X或O)

if(((full[0][0]+full[1][1]+full[2][2])==0)&&(full[0][0]*full[1][1]*full[2][2])==0

&&((full[0][0]-1)*(full[1][1]-1)*(full[2][2]-1))==-1)

val[i][j]=val[i][j]+2;

}

//副對角線(同上)

if((i==0&&j==2)||(i==2&&j==0)||(i==1&&j==1)){

//一級

if(((full[0][2]+full[1][1]+full[2][0])==4)&&(full[0][2]*full[1][1]*full[2][0])==0

&&((full[0][2]-1)*(full[1][1]-1)*(full[2][0]-1))==-1)

val[i][j]=val[i][j]+10000;

//二級

if(((full[0][2]+full[1][1]+full[2][0])==2)&&(full[0][2]*full[1][1]*full[2][0])==0

&&((full[0][2]-1)*(full[1][1]-1)*(full[2][0]-1))==0)

val[i][j]=val[i][j]+1000;

//三級權(quán)值(一排只有一個X)

if(((full[0][2]+full[1][1]+full[2][0])==1)&&(full[0][2]*full[1][1]*full[2][0])==0

&&((full[0][2]-1)*(full[1][1]-1)*(full[2][0]-1))==0)

val[i][j]=val[i][j]+10;

//四級權(quán)值(一排只有一個O)

if(((full[0][2]+full[1][1]+full[2][0])==2)&&(full[0][2]*full[1][1]*full[2][0])==0

&&((full[0][2]-1)*(full[1][1]-1)*(full[2][0]-1))==1)

val[i][j]=val[i][j]+5;

//五級權(quán)值(該行沒有X或O)

if(((full[0][2]+full[1][1]+full[2][0])==0)&&(full[0][2]*full[1][1]*full[2][0])==0

&&((full[0][2]-1)*(full[1][1]-1)*(full[2][0]-1))==-1)

val[i][j]=val[i][j]+2;

}

}

}

}

}

function ai(){

if(judge()==true){

return;

}

//挑選權(quán)值最大的

resetValue();

var mi=0,mj=0,temp=0;

for(var i=0;i<3;i++)

for(var j=0;j<3;j++){

if(val[i][j]>temp){

temp=val[i][j];

mi=i;

mj=j;

}

}

full[mi][mj]=2;

num1=(mi*3+mj+1)+"";

document.getElementById(num1).value="O";

if(judge()==true){

return;

}

}

function lose(){

window.alert("you lose");

location.reload();

}

井字棋

相信看了本文案例你已經(jīng)掌握了方法，更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章！

推薦閱讀：

總結(jié)

以上是生活随笔為你收集整理的php 井字棋,怎样用JS做出井字棋游戏的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。