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

点击落子时没反应,路过的大神给看看!


var chessBoard=[];

var me=true;


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

chessBoard[i]=[];

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

chessBoard[i][j]=0;

}

}


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 y=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;

}

}


正在回答

2 回答

var y=Math.floor(y/30);错了,改成var j=Math.floor(y/30);

0 回复 有任何疑惑可以回复我~

再检查一下代码吧

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

积雪草1 提问者

我自己已经检查几遍了,自己打的自己检查不出来了(—_—)
2016-07-28 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

点击落子时没反应,路过的大神给看看!

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