为了账号安全,请及时绑定邮箱和手机立即绑定

写完浏览器崩溃了,是为什么呢


//UI篇 可以实现人人大战

var chessBoard = [];

var me = true;


//赢法数组

var wins = [];


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; i <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


//wins[0][1][1] = true

//wins[0][2][1] = true

//wins[0][3][1] = true

//wins[0][4][1] = true

//wins[0][5][1] = 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);


var chess = document.getElementById('chess');

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


context.strokeStyle = "#BFBFBF";


var logo = new Image();

logo.src = "images/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();

}

}

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){

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);

if(me){

   chessBoard[i][j] = 1;

}else{

chessBoard[i][j] = 2;

}

me = !me;

}

}


正在回答

1 回答

不用想就是死循环了。对照作者的步子一步一步来,还有事系统自动整理还是你的就这么写的,,这格式谁也找不到bug啊


1 回复 有任何疑惑可以回复我~
#1

qq_cloud丶mysmil_03247019 提问者

非常感谢!
2016-09-13 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

写完浏览器崩溃了,是为什么呢

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信