第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
講得很好,我聽(tīng)懂了
我也想自己寫個(gè)小程序
吊炸天了哈
if(chessBoard[i][j] ==0){
step(i , j , type);
chessBoard[i][j] = 1 ;
type = !type;
}
簡(jiǎn)單粗暴
修復(fù)點(diǎn)擊倆次旗子再向空白處下同色旗子的情況
修復(fù)點(diǎn)擊倆次變色的情況
相當(dāng)不錯(cuò)的課,這學(xué)到了很多東西
這樣限制一下點(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);
}

}
sublime text3 啊啊 !!!!
最值得學(xué)習(xí)的是布局,canvas長(zhǎng)寬為450px,棋盤長(zhǎng)寬為435px恰當(dāng)?shù)亓舫?5px。使得click點(diǎn)擊的坐標(biāo)判斷范圍剛好等于以棋盤第i行j列為中心的30px正方形范圍
有沒(méi)有源代碼啊,我這出錯(cuò)出的厲害
項(xiàng)目代碼分享:https://github.com/littlelittlemoon/Gobang
//設(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++){
//橫線

//縱線

}
老師好厲害,牛牛
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"
}
getContext('2d'),報(bào)錯(cuò)說(shuō),對(duì)象不支持該方法。
課程須知
本課程是前端中級(jí)課程 1、JS基礎(chǔ)知識(shí) 2、Canvas基礎(chǔ)知識(shí)
老師告訴你能學(xué)到什么?
1、canvas繪制五子棋棋盤 2、canvas繪制黑白棋子 3、五子棋交互邏輯處理

微信掃碼,參與3人拼團(tuán)

微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

友情提示:

您好,此課程屬于遷移課程,您已購(gòu)買該課程,無(wú)需重復(fù)購(gòu)買,感謝您對(duì)慕課網(wǎng)的支持!

本次提問(wèn)將花費(fèi)2個(gè)積分

你的積分不足,無(wú)法發(fā)表

為什么扣積分?

本次提問(wèn)將花費(fèi)2個(gè)積分

繼續(xù)發(fā)表請(qǐng)點(diǎn)擊 "確定"

為什么扣積分?

舉報(bào)

0/150
提交
取消