有一個小小的bug
為什么不管我在哪點,白棋統統都只在棋盤頂上顯示,而且有時候走兩步白棋才走一步,是代碼有問題嗎?
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++)?{
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++;
}
}
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="img/logo.png";
logo.onload?=?function(){
context.drawImage(logo,?0,?0,?450,?450);
drawChessBard();
}
var?drawChessBard?=?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();
}
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("計算機贏了");
over?=?true;
}
}
}
if?(!over)?{
me?=?!me;
}
}而且有時候一點還會點出白子來,有沒有大神幫忙解決一下
2016-10-24
var me = true;
var chessBoard = [];
var over = false;
var wins = [];
var myWin = [];
var computerWin = [];
for(var i=0; i<17; i++){
chessBoard[i] = [];
for(var j=0; j<17; j++){
chessBoard[i][j] = 0;
}
}
for(var i=0; i<17; i++){
wins[i] = [];
for(var j=0; j<17; j++){
wins[i][j] = [];
}
}
var count = 0;
for(var i=0; i<17; 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<17; 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++;
}
}
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 = 'img/logo.png';
logo.onload = function (){
context.drawImage(logo, 0, 0, 340, 340);
drawChessBoard();
}
var drawChessBoard = function (){
for(var i =0; i< 17; i++){
context.moveTo(17 + i*20, 17);
context.lineTo(17 + i*20, 337);
context.stroke();
context.moveTo(17, 17 + i*20);
context.lineTo(337, 17 + i*20);
context.stroke();
}
}
var oneStep = function(i, j, me){
context.beginPath();
context.arc(17 + i*20, 17 + j*20, 9, 0, 2 * Math.PI);
context.closePath();
var gradient = context.createRadialGradient(17 + i*20 +2, 17 + j*20 - 2, 9, 17 + i*20 + 2, 17 + j*20 - 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();
}
chess.onclick = function(e){
if(over){
return;
}
if(!me){
return;
}
var x = e.offsetX;
var y = e.offsetY;
var i = Math.floor(x / 20);
var j = Math.floor(y / 20);
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<17; i++){
myScore[i] = [];
computerScore[i] = [];
for(var j=0; j<17; j++){
myScore[i][j] = 0;
computerScore[i][j] = 0;
}
}
for(var i=0; i<17; i++){
for(var j=0; j<17; 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] += 2200;
}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('你輸了!');
over = true;
}
}
}
if(!over){
me = !me;
}
}
這是我的,里面的布局我改了一下,整體沒變,你看一下
2016-10-31
183行 ?v?-?j;
2016-10-25
呵呵,不用謝
2016-10-22
js 部分沒問題啊,可能你css有問題吧