if(chessBoard[i][j] ==0){
step(i , j , type);
chessBoard[i][j] = 1 ;
type = !type;
}
簡(jiǎn)單粗暴
修復(fù)點(diǎn)擊倆次旗子再向空白處下同色旗子的情況
修復(fù)點(diǎn)擊倆次變色的情況
step(i , j , type);
chessBoard[i][j] = 1 ;
type = !type;
}
簡(jiǎn)單粗暴
修復(fù)點(diǎn)擊倆次旗子再向空白處下同色旗子的情況
修復(fù)點(diǎn)擊倆次變色的情況
2017-06-08
這樣限制一下點(diǎn)擊的范圍會(huì)好一點(diǎn),不然很容易點(diǎn)歪。
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長(zhǎng)寬為450px,棋盤長(zhǎng)寬為435px恰當(dāng)?shù)亓舫?5px。使得click點(diǎn)擊的坐標(biāo)判斷范圍剛好等于以棋盤第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(){
//通過(guò)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(){
//通過(guò)for循環(huán)畫出棋盤間距14,共14條線,每格30像素
for(var i=0;i<15;i++){
//橫線
//縱線
}
CanV.onclick=function(ev){
//獲取點(diǎn)擊位置
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"
}
//獲取點(diǎn)擊位置
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