3回答

• 

  帅意

  2017-04-09 20:31:17

  已采纳

  
  var chessBoard=[];
  var me=true;

  var over=false;
  //赢法数组
  var wins=[];

  //赢法统计数组
  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++){
    //wins[0][0][0]=true
    //wins[0][1][0]=true
    //wins[0][2][0]=true
    //wins[0][3][0]=true
    //wins[0][4][0]=true
    
    
    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[i]=0;
  }

  var chess=document.getElementById('chess');
  var context=chess.getContext('2d');

  context.strokeStyle="#BFBFBF";

  var logo=new Image();
  logo.src="image/logo.jpg";
  logo.onload=function(){
   //绘制北背景图
   context.drawImage(logo,0,0,450,450);
   //绘制五子棋棋盘
   drawChessBoard();
   
  }

  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();//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();//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(computerScore[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("计算机赢了");
       over=true;
      }
     }
    }

    if(!over){
     me!=me;
    }
   }

  
  

  1 1

  宝慕林291...

  非常感谢！

  2017-04-09 23:04:57

  共 1 条回复 >

• 

  宝慕林2917688

  2017-04-09 23:12:12

  怎么感觉跟视频一抹一样的

  
  

  1 0

  帅意

  不好意思啊，我是新手，只能照着敲，我以为你是在要视频里的代码

  2017-04-10 08:06:21

  共 1 条回复 >

• 

  帅意

  2017-04-09 20:32:17

  这是js文件的代码，其他的没多少，就没发

  
  

  0 0