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

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

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

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

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

全部评论问答未解决精华

qq_CM_9

sublime text 3

0 2-1 页面结构搭建

2016-12-16

慕仙9724812

谢谢老师，老师讲得挺仔细的

0 3-1 案例总结

2016-12-14

OncuYou

var x = e.offsetX;
var y = e.offsetY;
var i = Math.floor(x/30);
var j = Math.floor(y/30);我这里为什么一直报错，offsetX未定义，求解释

0 2-5 落子实现

2016-12-13

AREYOUHACKER

如果有一天我也可以建一个这么大的网站该多好啊

0 2-2 画棋盘

2016-12-13

lailaileem

用火狐的话要先定义gradient，不然没反应
context.gradient=context.createRadialGradient(200,200,50,200,200,20);
var gradient=context.gradient;
gradient.addColorStop(0,"#0A0A0A");
gradient.addColorStop(1,"#636766");

2 2-4 画棋子

2016-12-05

慕粉4215582

pageX不应该是是相对于文档（0，0）点的坐标么，在没有设置定位的情况下。canvas例外？

0 2-5 落子实现

2016-12-03

月下风物语

这里棋盘线宽度颜色不对的原因：没有设lineWidth所以默认宽度为1px,canvas绘制线条，线条的宽度是以线条的中线向两边延伸确定的。拿moveTo(15,435),lineTo(435,435)这条线来说，实际上绘制时y轴的区域是(434.5,435.5)，但浏览器不允许小于1px的图形，所以浏览器处理时虚化，最终绘制的y轴区域是(434,436)，线的宽度就成了2px，颜色变浅。这里左上部分比右下部分颜色深应该是浏览器自行处理的结果。要保证正确的宽度和颜色，可以使用0.5大法，xy同时左移或右移0.5.参考网址：http://www.jb51.net/html5/70312.html

3 2-2 画棋盘

2016-12-01

梦心动指o

绘制的棋子有时候是不是圆形的会缺边

1 3-1 案例总结

2016-11-16

尧尧同学提不起劲

加个点击次数的判定能解决有子地方点击一次再去无子地方点击会出现同色的情况

5 2-5 落子实现

2016-11-14

car

课程中的数学根本就没说清楚

0 2-4 画棋子

2016-11-11

慕粉4025252

代码在哪里下啊

0 2-4 画棋子

2016-11-09

慕粉4025252

oneStep is not a function

0 2-4 画棋子

2016-11-09

慕粉4025252

今天的慕课网总是崩啊

0 2-1 页面结构搭建

2016-11-09

慕粉4025252

为什么棋盘没出来

0 2-1 页面结构搭建

2016-11-09

幕布斯4321767

老师能不能讲话大点声

0 2-1 页面结构搭建

2016-11-07

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

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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