var?chessBoard?=?[];
var?me?=?true;
var?over?=?false;
//贏法數(shù)組
var?wins?=?[];
//贏法的統(tǒng)計(jì)數(shù)組
var?myWin?=?[];
var?coumpterWin?=?[];
for?(var?i=0;i<15;i++){
chessBoard[i]?=?[];
for(var?j=0;j<15;j++){
??chessBoard[i][j]=0;
}
}
for(var?i=0;i<15;i++){
??wins[i]?=?[];
??for(var?j=0;j<15;j++){
????wins[i][j]=[];
??}
}
var?count?=?0;
for(var?i=0;i<15;i++){
??for(var?j=0;j<11;j++){
????for(var?k=0;k<5;k++){
??????wins[i][j+k][count]?=?true;
????}
????count++;
??}
}
for(var?i=0;i<15;i++){
??for(var?j=0;j<11;j++){
????for(var?k=0;k<5;k++){
??????wins[j+k][i][count]?=?true;
????}
????count++;
??}
}
for(var?i=0;i<11;i++){
??for(var?j=0;j<11;j++){
????for(var?k=0;k<5;k++){
??????wins[i+k][j+k][count]?=?true;
????}
????count++;
??}
}
for(var?i=0;i<11;i++){
??for(var?j=14;j>3;j--){
????for(var?k=0;k<5;k++){
??????wins[i+k][j-k][count]?=?true;
????}
????count++;
??}
}
console.log(count);
for?(var?i=0;i<count;i++)?{
myWin[i]?=?0;
computerWin?=?0;
}
var?chess=document.getElementById('chess');
var?context?=?chess.getContext('2d');
?
context.strokeStyle?=?"#bfbfbf"
//繪制水印
var?logo?=?new?Image();
logo.src=?"img/wuziqi/2.png";
logo.onload?=?function(){
??context.drawImage(logo,0,0,450,450);
??drawChessBoard();
//oneStep(0,1,true);
//oneStep(1,1,false);
}
//繪制棋盤(pán)
var?drawChessBoard?=?function(){
??for?(var?i=0;i<15;i++)?{
?? context.moveTo(15+i*30,15);
????context.lineTo(15+i*30,435);
????context.stroke();?
????context.moveTo(15,15+i*30);
????context.lineTo(435,15+i*30);
????context.stroke();
??}
}
//繪制棋子
var?oneStep?=?function(i,j,me){
??//繪制圓
??context.beginPath();
??context.arc(15+i*30,15+j*30,13,0,2*Math.PI);
??context.closePath();
??var?gradient=context.createRadialGradient(15+i*30+2,15+j*30-2,13,15+i*30,15,0)//漸變填充
??if(me){
????gradient.addColorStop(0,"#0a0a0a");
????gradient.addColorStop(1,"#636766")
??}else{
????gradient.addColorStop(0,"#D1D1D1");
????gradient.addColorStop(1,"#F9F9F9")
??}
??context.fillStyle?=?gradient;
??context.fill();
??//context.stroke()描邊,fill填充
}
chess.onclick?=?function(e){
??if(over){
????return;
??}
??if(!me){
????return;
??}
??var?x?=?e.offsetX;
??var?y?=?e.offsetY;
??var?i?=?Math.floor(x/30);
??var?j?=?Math.floor(y/30);
??if(chessBoard[i][j]==0){
????oneStep(i,j,me);????
????chessBoard[i][j]=1;
????
????for?(var?k=0;k<count;k++)?{
???? if(wins[i][j][k]){
???? ??myWin[k]++;
???? ??computerWin[k]=6;
???? ??if(myWin[k]==5){
???? ????window.alert("你贏了");
???? ????over=true;
???? ??}
???? }
????}
????if?(!over)?{
??????me?=?!me;
??????computerAI();????
????}
??}
}
var?computerAI?=?function(){
??var?myScore?=?[];
??var?computerScore=?[];
??var?max?=?0;
??var?u?=?0,?v?=?0;
??for?(var?i=0;i<15;i++)?{
?? myScore[i]?=?[];
????computerScore[i]?=?[];
????for(var?j=0;j<15;j++){
??????myScore[i][j]?=?0;
??????computerScore[i][j]?=?0;
????}
??}
??for(var?i=0;i<15;i++){
????for?(var?j=0;j<15;j++)?{
???? if(chessBoard[i][j]==0){
???? ??for(var?k=0;k<count;k++){
??????????if(wins[i][j][k]){
????????????if(myWin[k]==1){
??????????????myScore[i][j]+=200;
????????????}else?if(myWin[k]==2){
??????????????myScore[i][j]+=400;
????????????}else?if(myWin[k]==3){
??????????????myScore[i][j]+=2000;
????????????}else?if(myWin[k]==4){
??????????????myScore[i][j]+=1000;
????????????}
????????????if(computerWin[k]==1){
??????????????computerScore[i][j]+=220;
????????????}else?if(computerWin[k]==2){
??????????????computerScore[i][j]+=420;
????????????}else?if(computerWin[k]==3){
??????????????computerScore[i][j]+=2100;
????????????}else?if(computerWin[k]==4){
??????????????computerScore[i][j]+=2000;
????????????}
??????????}
????????}
???? ??if(myScore[i][j]>max){
???? ????max?=?myScore[i][j];
???? ????u?=?i;
???? ????v?=?j;
???? ??}else?if(myScore[i][j]==max){
???? ????if?(computerScore[i][j]>computerScore[u][v])?{
???? ???? u?=?i;
????????????v?=?j;
???? ????}
????????}
???? ??if(computerScore[i][j]>max){
??????????max?=?computerScore[i][j];
??????????u?=?i;
??????????v?=?j;
????????}else?if(computerScore[i][j]==max){
??????????if?(myScore[i][j]>myScore[u][v])?{
????????????u?=?i;
????????????v?=?j;
??????????}
????????}
???? }
????}
??}
??oneStep(u,v,false);
??chessBoard[u][v]?=?2;
??for?(var?k=0;k<count;k++)?{
??????if(wins[u][v][k]){
????????computerWin[k]++;
????????myWin[k]=6;
????????if(computerWin[k]==5){
??????????window.alert("計(jì)算機(jī)贏了");
??????????over=true;
????????}
??????}
????}
??for?(var?k=0;k<count;k++)?{
??????if(wins[i][j][k]){
????????myWin[k]++;
????????computerWin[k]=6;
????????if(myWin[k]==5){
??????????window.alert("你贏了");
??????????over=true;
????????}
??????}
????}
???if?(!over)?{
????me=!me;??????????
??}
}
2016-04-02
同學(xué),仔細(xì)看了下你的代碼,發(fā)現(xiàn)幾點(diǎn)問(wèn)題哈。
1、第10行,computerWin拼錯(cuò)了
2、第65行,應(yīng)該是computerWin[i]=0,這也是為什么計(jì)算機(jī)不贏的原因之一
3、102行,漸變填充的時(shí)候,第二個(gè)圓的圓心坐標(biāo)有點(diǎn)問(wèn)題,應(yīng)該是
var gradient=context.createRadialGradient(15+i*30+2,15+j*30-2,13,15+i*30+2,15+j*30-2,0)//漸變填充
4、171行和180行,現(xiàn)在連上4顆子的時(shí)候,得分還沒(méi)3課子高,也是計(jì)算機(jī)不贏的原因之一。要給連上四顆子的時(shí)候,加上一個(gè)絕對(duì)高的分,所以可以給分?jǐn)?shù)加一個(gè)0。
5、219行到288行刪掉,這里不需要再判斷我方是否贏,這里我方?jīng)]有落子,不可能贏。
你把這幾點(diǎn)改一改吧,看看行不行了?
2016-04-13
var chessBoard = [];
var me = true;
var over = false;
//贏法數(shù)組
var wins = [];
//贏法的統(tǒng)計(jì)數(shù)組
var myWin = [];
var computerWin = [];
for (var i=0;i<15;i++){
chessBoard[i] = [];
for(var j=0;j<15;j++){
?chessBoard[i][j]=0;
}
}
for(var i=0;i<15;i++){
? wins[i] = [];
? for(var j=0;j<15;j++){
? ? wins[i][j]=[];
? }
}
var count = 0;
for(var i=0;i<15;i++){
? for(var j=0;j<11;j++){
? ? for(var k=0;k<5;k++){
? ? ? wins[i][j+k][count] = true;
? ? }
? ? count++;
? }
}
for(var i=0;i<15;i++){
? for(var j=0;j<11;j++){
? ? for(var k=0;k<5;k++){
? ? ? wins[j+k][i][count] = true;
? ? }
? ? count++;
? }
}
for(var i=0;i<11;i++){
? for(var j=0;j<11;j++){
? ? for(var k=0;k<5;k++){
? ? ? wins[i+k][j+k][count] = true;
? ? }
? ? count++;
? }
}
for(var i=0;i<11;i++){
? for(var j=14;j>3;j--){
? ? for(var k=0;k<5;k++){
? ? ? wins[i+k][j-k][count] = true;
? ? }
? ? count++;
? }
}
console.log(count);
for (var i=0;i<count;i++) {
myWin[i] = 0;
computerWin = 0;
}
var chess=document.getElementById('chess');
var context = chess.getContext('2d');
?
context.strokeStyle = "#bfbfbf"
//繪制水印
var logo = new Image();
logo.src= "img/wuziqi/2.png";
logo.onload = function(){
? context.drawImage(logo,0,0,450,450);
? drawChessBoard();
//oneStep(0,1,true);
//oneStep(1,1,false);
}
//繪制棋盤(pán)
var drawChessBoard = function(){
? for (var i=0;i<15;i++) {
? context.moveTo(15+i*30,15);
? ? context.lineTo(15+i*30,435);
? ? context.stroke();?
? ? context.moveTo(15,15+i*30);
? ? context.lineTo(435,15+i*30);
? ? context.stroke();
? }
}
//繪制棋子
var oneStep = function(i,j,me){
? //繪制圓
? context.beginPath();
? context.arc(15+i*30,15+j*30,13,0,2*Math.PI);
? context.closePath();
? var gradient=context.createRadialGradient(15+i*30+2,15+j*30-2,13,15+i*30+2,15+j*30-2,0)//漸變填充
? if(me){
? ? gradient.addColorStop(0,"#0a0a0a");
? ? gradient.addColorStop(1,"#636766")
? }else{
? ? gradient.addColorStop(0,"#D1D1D1");
? ? gradient.addColorStop(1,"#F9F9F9")
? }
? context.fillStyle = gradient;
? context.fill();
? //context.stroke()描邊,fill填充
}
chess.onclick = function(e){
? if(over){
? ? return;
? }
? if(!me){
? ? return;
? }
? var x = e.offsetX;
? var y = e.offsetY;
? var i = Math.floor(x/30);
? var j = Math.floor(y/30);
? if(chessBoard[i][j]==0){
? ? oneStep(i,j,me); ? ?
? ? chessBoard[i][j]=1;
? ??
? ? for (var k=0;k<count;k++) {
? ? if(wins[i][j][k]){
? ? ?myWin[k]++;
? ? ?computerWin[k]=6;
? ? ?if(myWin[k]==5){
? ? ? ?window.alert("你贏了");
? ? ? ?over=true;
? ? ?}
? ? }
? ? }
? ? if (!over) {
? ? ? me = !me;
? ? ? computerAI(); ? ?
? ? }
? }
}
var computerAI = function(){
? var myScore = [];
? var computerScore= [];
? var max = 0;
? var u = 0, v = 0;
? for (var i=0;i<15;i++) {
? myScore[i] = [];
? ? computerScore[i] = [];
? ? for(var j=0;j<15;j++){
? ? ? myScore[i][j] = 0;
? ? ? computerScore[i][j] = 0;
? ? }
? }
? for(var i=0;i<15;i++){
? ? for (var j=0;j<15;j++) {
? ? if(chessBoard[i][j]==0){
? ? ?for(var k=0;k<count;k++){
? ? ? ? ? if(wins[i][j][k]){
? ? ? ? ? ? if(myWin[k]==1){
? ? ? ? ? ? ? myScore[i][j]+=200;
? ? ? ? ? ? }else if(myWin[k]==2){
? ? ? ? ? ? ? myScore[i][j]+=400;
? ? ? ? ? ? }else if(myWin[k]==3){
? ? ? ? ? ? ? myScore[i][j]+=2000;
? ? ? ? ? ? }else if(myWin[k]==4){
? ? ? ? ? ? ? myScore[i][j]+=10000;
? ? ? ? ? ? }
? ? ? ? ? ? if(computerWin[k]==1){
? ? ? ? ? ? ? computerScore[i][j]+=220;
? ? ? ? ? ? }else if(computerWin[k]==2){
? ? ? ? ? ? ? computerScore[i][j]+=420;
? ? ? ? ? ? }else if(computerWin[k]==3){
? ? ? ? ? ? ? computerScore[i][j]+=2100;
? ? ? ? ? ? }else if(computerWin[k]==4){
? ? ? ? ? ? ? computerScore[i][j]+=20000;
? ? ? ? ? ? }
? ? ? ? ? }
? ? ? ? }
? ? ?if(myScore[i][j]>max){
? ? ? ?max = myScore[i][j];
? ? ? ?u = i;
? ? ? ?v = j;
? ? ?}else if(myScore[i][j]==max){
? ? ? ?if (computerScore[i][j]>computerScore[u][v]) {
? ? ? ? u = i;
? ? ? ? ? ? v = j;
? ? ? ?}
? ? ? ? }
? ? ?if(computerScore[i][j]>max){
? ? ? ? ? max = computerScore[i][j];
? ? ? ? ? u = i;
? ? ? ? ? v = j;
? ? ? ? }else if(computerScore[i][j]==max){
? ? ? ? ? if (myScore[i][j]>myScore[u][v]) {
? ? ? ? ? ? u = i;
? ? ? ? ? ? v = j;
? ? ? ? ? }
? ? ? ? }
? ? }
? ? }
? }
? oneStep(u,v,false);
? chessBoard[u][v] = 2;
? for (var k=0;k<count;k++) {
? ? ? if(wins[u][v][k]){
? ? ? ? computerWin[k]++;
? ? ? ? myWin[k]=6;
? ? ? ? if(computerWin[k]==5){
? ? ? ? ? window.alert("計(jì)算機(jī)贏了");
? ? ? ? ? over=true;
? ? ? ? }
? ? ? }
? ? }
? ?if (!over) {
? ? me=!me; ? ? ? ? ?
? }
}