JS实现人机大战之五子棋（UI篇）_技术问答

首页免费课 JS实现人机大战之五子棋（UI篇）问答

JS实现人机大战之五子棋（UI篇）

                
                程序员面试辅导
            全栈工程师

                    查看讲师更多课程 
                    程序员面试辅导讲师的其他课程
                
基于websocket的火拼俄罗斯（升级版）
中级·21259
免费课程
                                
基于websocket的火拼俄罗斯（单机版）
中级·31677
免费课程
                                
基于Websocket的火拼俄罗斯（基础）
中级·34056
免费课程
                                
Handlebars模板引擎
中级·13084
免费课程
                                
JS实现人机大战之五子棋（AI篇）
中级·43232
免费课程
                                
Velocity.js实现弹出式相框
中级·27005
免费课程
                                
                难度中级
            
                时长30分
            
                学习人数
            
综合评分9.67
                            167人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.6
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

纨绔帝皇

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

0 2-5 落子实现

2017-12-16

慕圣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

realwds

老师用的是Sublime~

3 2-1 页面结构搭建

2017-10-28

qq_24角度丶微笑_0

你么这集看得了吗？

0 2-5 落子实现

2017-09-29

慕哥3471583

谢谢老师了，有没有下一篇呢

0 3-1 案例总结

2017-09-23

_名字很奇怪3801458

总结一下四个字，短小精悍！！
这才是慕课网！！！！

1 3-1 案例总结

2017-09-07

小昊子

改了我半天，总算改好了

0 2-4 画棋子

2017-08-29

江柯

chess.onclick = function (event) {var x = event.offsetX; var y = event.offsetY; var xb = (x-15)%30; var yb = (y-15)%30;if (xb>11&&xb<19||yb>11&&yb<19) {return;}var i = Math.floor(x/30); var j = Math.floor(y/30); if(chessBoard[i][j] == 0){ paintPieces(i,j,each);chessBoard[i][j] = each;each*=-1;}};

0 2-5 落子实现

2017-08-14

qq_Neversayneve_9

表示火狐显示不了啊

1 2-4 画棋子

2017-07-27

Hankong

canvas{
display: block;
margin: 50px auto;
box-shadow: -20px -20px 20px #EFEFEF,5px 5px 5px #B9B9B9;
}

1 2-1 页面结构搭建

2017-07-15

心语忘心

这个不错，厉害

0 3-1 案例总结

2017-07-13

今天不shuaya

为什么我的每次都是说
if(chessBoard[i][j] == 0) 未定义错误啊undefined

0 2-5 落子实现

2017-07-12

Willman4217423

0 2-4 画棋子

2017-07-12

qq_一缕阳光_14

谢谢分享，讲得很好，学习了

1 3-1 案例总结

2017-07-03

慕粉3443785

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

这里很关键，就像1楼说的那样，我第一次就写成 == 了，然后就是一直黑色黑色~~

0 2-5 落子实现

2017-06-23

首页上一页 1 2 3 4 5 6 7 下一页尾页

开始学习

课程须知: 本课程是前端中级课程 1、JS基础知识 2、Canvas基础知识

老师告诉你能学到什么？: 1、canvas绘制五子棋棋盘 2、canvas绘制黑白棋子 3、五子棋交互逻辑处理

微信扫码，参与3人拼团

热搜

最近搜索清空

JS实现人机大战之五子棋（UI篇）