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');//平面2d

context.strokeStyle="#BFBFBF";

var logoImag=new Image();

logoImag.src="images/afaf.jpg";

? logoImag.onload=function(){?

context.drawImage(logoImag,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;

else{me=me;}

}

}

{SyntaxError: missing ] in index expression

chessBoard[i[j]=2;}debug調(diào)試

? ?