if(chessBoard[i][j] ==0){
step(i , j , type);
chessBoard[i][j] = 1 ;
type = !type;
}
簡單粗暴
修復(fù)點擊倆次旗子再向空白處下同色旗子的情況
修復(fù)點擊倆次變色的情況
step(i , j , type);
chessBoard[i][j] = 1 ;
type = !type;
}
簡單粗暴
修復(fù)點擊倆次旗子再向空白處下同色旗子的情況
修復(fù)點擊倆次變色的情況
2017-06-08
這樣限制一下點擊的范圍會好一點,不然很容易點歪。
chess.onclick = function(e){
var x = e.offsetX;
var y = e.offsetY;
var ti = x % 30 / 30;
var tj = y % 30 / 30;
if(ti >= 0.2 && tj <= 0.8){
var i = Math.floor(x / 30);
var j = Math.floor(y / 30);
oneStep(i, j, true);
}
}
chess.onclick = function(e){
var x = e.offsetX;
var y = e.offsetY;
var ti = x % 30 / 30;
var tj = y % 30 / 30;
if(ti >= 0.2 && tj <= 0.8){
var i = Math.floor(x / 30);
var j = Math.floor(y / 30);
oneStep(i, j, true);
}
}
2017-05-14
最值得學(xué)習(xí)的是布局,canvas長寬為450px,棋盤長寬為435px恰當?shù)亓舫?5px。使得click點擊的坐標判斷范圍剛好等于以棋盤第i行j列為中心的30px正方形范圍
2017-04-24
//設(shè)置棋盤背景圖片
var logo=new Image();
logo.src="image/logo1.png";
logo.onload =function(){
context.drawImage(logo,0,0,450,450);
drawChessBoard();
}
var drawChessBoard=function(){
//通過for循環(huán)畫出棋盤間距14,共14條線,每格30像素
for(var i=0;i<15;i++){
//橫線
//縱線
}
var logo=new Image();
logo.src="image/logo1.png";
logo.onload =function(){
context.drawImage(logo,0,0,450,450);
drawChessBoard();
}
var drawChessBoard=function(){
//通過for循環(huán)畫出棋盤間距14,共14條線,每格30像素
for(var i=0;i<15;i++){
//橫線
//縱線
}
CanV.onclick=function(ev){
//獲取點擊位置
var x=Math.floor(ev.offsetX/30);
var y=Math.floor(ev.offsetY/30);
if(arrS.indexOf(x+"-"+y)===-1){
oneStep(x,y,me);
me =!me;
arrS.push(x+"-"+y);
}else{
CanV.style.disabled="disabled"
}
//獲取點擊位置
var x=Math.floor(ev.offsetX/30);
var y=Math.floor(ev.offsetY/30);
if(arrS.indexOf(x+"-"+y)===-1){
oneStep(x,y,me);
me =!me;
arrS.push(x+"-"+y);
}else{
CanV.style.disabled="disabled"
}
2017-03-27