伊人久草香蕉香蕉网,久久香蕉狠狠天天

首頁免費課 JS實現人機大戰之五子棋（UI篇）問答

JS實現人機大戰之五子棋（UI篇）

                
                程序員面試輔導
            全棧工程師

                    查看講師更多課程 
                    程序員面試輔導講師的其他課程
                
基于websocket的火拼俄羅斯（升級版）
中級·21261
免費課程
                                
基于websocket的火拼俄羅斯（單機版）
中級·31670
免費課程
                                
基于Websocket的火拼俄羅斯（基礎）
中級·34058
免費課程
                                
Handlebars模板引擎
中級·13084
免費課程
                                
JS實現人機大戰之五子棋（AI篇）
中級·43274
免費課程
                                
Velocity.js實現彈出式相框
中級·26998
免費課程
                                
                難度中級
            
                時長30分
            
                學習人數
            
綜合評分9.67
                            167人評價
                        查看評價
                                9.9
                                內容實用
                            
                                9.6
                                簡潔易懂
                            
                                9.5
                                邏輯清晰

全部評論問答未解決精華

月下不知十年后的八月

說的非常棒

0 3-1 案例總結

2018-03-06

流星飛亦

對于顏色bug直接把me = !me寫在判斷里就行了唄：
if (chessBoard[i][j] == 0) {
oneStep(i, j, me);
if (me) {
chessBoard[i][j] = 1;
me = !me;
}
else {
chessBoard[i][j] = 2;
me = !me;
}
}

0 3-1 案例總結

2018-02-24

大臉醬2673

邏輯清楚，代碼簡潔，很好的學習素材，謝謝老師

0 3-1 案例總結

2018-02-03

okok_anyway

老師講得十分清楚！感謝！?。。?/div>

0 2-5 落子實現

2018-01-20

創心

很厲害，建議學完一定要學老師的俄羅斯方塊，保證讓你學到更多東西。

2018-01-19

慕標3118546

有沒有源碼

0 2-4 畫棋子

2018-01-10

彩加

然而按照老師的思路寫的判斷完全不會出現樓下說的顏色錯誤的bug→_→每次落子都會把對應數組元素改為1或者2，再點擊的時候根本不會執行落子或是變色的操作，怎么會出現bug的。。。。

1 3-1 案例總結

2018-01-01

慕仔2083373

加個return 就可以解決啦

0 3-1 案例總結

2017-12-21

慕仔2083373

有一個小bug 比如我執黑先下了第一顆子，然后該執白了，執白時，我不小心點了在黑子上，然后我在點其他位置，那么悲劇發生了，下的是黑子，這個判斷還要在加點“料”

0 3-1 案例總結

2017-12-21

在校生

其實這個有個bug吧！當你點擊已經有了黑子！你在去點一次已經點了一次的黑子！下一次出現的是黑子！并不是白子；

1 3-1 案例總結

2017-12-20

?var j = Math.floor(y / 30);為什么除以30

最贊回答 / qq_幾分秀_04105739

上面同學的說法不太對，不是因為方面操作吧。var x=e.offsetX;//獲取的是相對于整個canvas容器的x坐標值var y=e.offsetY;//獲取的是相對于整個canvas容器的y坐標值var i = Math.floor(x/30);var j = Math.floor(y/30);oneStep(i,j,me); //傳入i，j值context.arc(15+i*30,15+j*30,13,0,2*Math.PI) ;//oneStep(i,j,me)里的畫圓函數以上其實可以等同于...

3 回答 1526 瀏覽 2-5 落子實現

2017-12-16

紈绔帝皇

var i = Math.floor(x / 30);，為什么是除以30

0 2-5 落子實現

2017-12-16

生命數組后，在谷歌瀏覽器運行，提示out of memory。。。

最新回答 / 慕移動9910096

上代碼，不上代碼怎么知道

1 回答 5106 瀏覽 3-1 案例總結

2017-12-09

box-shadow

已采納回答 / undarkness

-2是向上和左的偏移，內部陰影加inset。如果你是要說光線不應該是這么樣，右下角有了左上角就不該有的話，那是他為了消除棋盤的紙片感偷懶用的方法，要css實現有厚度感的立體效果比較麻煩，還不如直接用圖片，而且不是這講的重點。

1 回答 1392 瀏覽 2-1 頁面結構搭建

2017-12-01

慕圣7406815

if (chessBoard[i][j] == 0) {
oneStep(i, j, me);
if (me) {
chessBoard[i][j] = 1;
}else{
chessBoard[i][j] = 2;
}
me = !me;

}
oneStep(i, j, me);
me != me;(這里原來是me = !me,只修改這里就不用點兩次變色了)

0 2-5 落子實現

2017-11-02