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

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

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

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

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

全部评论问答未解决精华

box-shadow

已采纳回答 / undarkness

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

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

2017-12-01

不懂的

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

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

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

2017-07-10

老师有个问题

已采纳回答 / 慕九州5142150

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

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

2017-04-22

看完有个小问题

已采纳回答 / 我de4291369

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

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

2017-04-10

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

已采纳回答 / Summer226

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

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

2017-04-08

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

已采纳回答 / 慕粉3498277

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

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

2016-11-29

棋子的问题

已采纳回答 / 慕粉3498277

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

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

2016-11-29

不明白这个算法的原理

已采纳回答 / JuteSun

15是边上空白处的距离

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

2016-11-11

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

已采纳回答 / 糊涂虫ee

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

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

2016-11-04

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

已采纳回答 / 慕粉4229326

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

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

2016-10-20

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

已采纳回答 / 木念白

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

2 回答 1529 浏览 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 回答 1356 浏览 2-2 画棋盘

2016-09-20

var context = chess.getContext("2d");

已采纳回答 / 某某01

获取画布的2D空间，2d是指画布的空间

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

2016-09-20

画棋盘怎么怪怪的

已采纳回答 / 夜幕丶将临

应该是你电脑屏幕显示设置的问题,换个屏幕显示像素比试试

2 回答 1228 浏览 2-4 画棋子

2016-09-10

var chess =document.getElementById("chess");var context=chess.getContext("2d");var chessBoard=[];var me=true;for(var i=0;i<15;i++){ chessBoard[i]=[]; for(var j=0;j<15;j++) chessBoard[i][j]=0; }context.strokeStyle="#BFBFBF";var logo=new Image();logo...

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

2016-07-18

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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