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

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

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

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

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

全部评论问答未解决精华

box-shadow

已采纳回答 / undarkness

-2是向上和左的偏移，内部阴影加inset。如果你是要说光线不应该是这么样，右下角有了左上角就不该有的话，那是他为了消除棋盘的纸片感偷懒用的方法，要css实现有厚度感的立体效果比较麻烦，还不如直接用图片，而且不是这讲的重点。

1 回答 1410 浏览 2-1 页面结构搭建

2017-12-01

不懂的

已采纳回答 / qq_儿时De梦_0

就是创建一个二维的绘图环境，2d就是二维，也可以说是一个画板。

1 回答 1360 浏览 2-2 画棋盘

2017-07-10

老师有个问题

已采纳回答 / 慕九州5142150

创建渐变出问题了。仔细检查一下。

1 回答 1744 浏览 2-5 落子实现

2017-04-22

看完有个小问题

已采纳回答 / 我de4291369

给他一个值，方便判断，你也可以等于 3或者4

1 回答 1348 浏览 3-1 案例总结

2017-04-10

为啥不管输入黑棋白棋，都是黑棋

已采纳回答 / Summer226

if (me=true)，里面是赋值，值永远为true

1 回答 1490 浏览 2-4 画棋子

2017-04-08

棋子中小棋子出现的同事大棋子不会消失

已采纳回答 / 慕粉3498277

<...图片...>你的这一段就是画大棋子的代码，老师只是先取个例子，所以这一段要删掉的~

1 回答 1468 浏览 2-4 画棋子

2016-11-29

棋子的问题

已采纳回答 / 慕粉3498277

那你肯定是把画大棋子的代码没删掉啊~

1 回答 1329 浏览 2-4 画棋子

2016-11-29

不明白这个算法的原理

已采纳回答 / JuteSun

15是边上空白处的距离

2 回答 1712 浏览 2-3 画水印

2016-11-11

老师单次点击同一个棋子会替换他的颜色

已采纳回答 / 糊涂虫ee

me = !me; 要放到 chessBoard[i][j]==0 判断里面去

3 回答 1588 浏览 2-5 落子实现

2016-11-04

为什么我点击的时候不能落子，而且点击一次，就会在F12的控制台里面报一个错呢？

已采纳回答 / 慕粉4229326

var x = e.offsetX; offSetX改成offsetX试试，大小写的问题

1 回答 1538 浏览 2-5 落子实现

2016-10-20

画线画成这样的画，那就是你对canvas宽度和高度设置的问题了。 WC3标准：canvas宽度和高度在HTML中通过标签属性的方法进行设置。如下： <canvas id="canvas" height="450px" width="450px"></canvas> 你出现画布的宽高正常，而在执行绘图操作时对宽高识别错误，主要问题在于，你的canvas画布的宽高是通过CSS 样式设置的。错误的注意原因：通过css对canvas画布宽高设置， canvs画布本身也是...

5 回答 1047 浏览 2-2 画棋盘

2016-10-20

为什么我的对角线实现不了

已采纳回答 / 木念白

var chess = document.getElementById('chees'); id取错了，是chess

2 回答 1682 浏览 2-2 画棋盘

2016-10-16

棋子有空缺

已采纳回答 / DCrystal

圆的画法重新试试试试context.beginPath();context.arc(15+i*30,15+j*30,13,0,2*Math.PI);context.closePath();var gradient=context.createRadialGradient(15+i*30+2,15+j*30-2,13,15+i*30+2,15+j*30-2,0);

1 回答 1485 浏览 2-2 画棋盘

2016-09-20