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

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

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

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

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

全部评论问答未解决精华

qq_脸滚键盘_0

最值得学习的是布局，canvas长宽为450px，棋盘长宽为435px恰当地留出15px。使得click点击的坐标判断范围刚好等于以棋盘第i行j列为中心的30px正方形范围

2 3-1 案例总结

2017-04-24

陈瑞__

有没有源代码啊，我这出错出的厉害

1 2-4 画棋子

2017-04-24

对角线显示不出来

最新回答 / qq_曾经的oneself_0

粘贴出来代码看看

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

2017-04-23

老师有个问题

已采纳回答 / 慕九州5142150

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

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

2017-04-22

提示oneSStep没有定义

+ 我来回答回答最高可+2积分

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

2017-04-21

最后判断棋子出不来啊

最新回答 / qq_杨康乐_0

没错啊，我刚才运行没有问题啊

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

2017-04-21

请问这个怎么app打包啊，我想做成个app，分三个难度等级，人机对战

最新回答 / 热爱我的热爱

hbuilder可以打包app

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

2017-04-16

谭谭悦

项目代码分享：https://github.com/littlelittlemoon/Gobang

4 1-1 课程介绍

2017-04-12

createRadialGradient

最赞回答 / qq_振宇_03649113

<...code...>

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

2017-04-12

love丶技术

感谢老师。

1 3-1 案例总结

2017-04-11

weibo_吉大熊先生_0

//设置棋盘背景图片
var logo=new Image();
logo.src="image/logo1.png";
logo.onload =function(){

context.drawImage(logo,0,0,450,450);
drawChessBoard();

}
var drawChessBoard=function(){
//通过for循环画出棋盘间距14，共14条线，每格30像素
for(var i=0;i<15;i++){
//横线

//纵线

}

0 2-3 画水印

2017-04-11

看完有个小问题

已采纳回答 / 我de4291369

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

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

2017-04-10

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

已采纳回答 / Summer226

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

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

2017-04-08

Sxy97

老师好厉害，牛牛

0 3-1 案例总结

2017-03-29

qq_冫氵辶_03760062

CanV.onclick=function(ev){
//获取点击位置
var x=Math.floor(ev.offsetX/30);
var y=Math.floor(ev.offsetY/30);
if(arrS.indexOf(x+"-"+y)===-1){
oneStep(x,y,me);
me =!me;
arrS.push(x+"-"+y);
}else{
CanV.style.disabled="disabled"
}

0 2-5 落子实现

2017-03-27

如何实现下子后有选中状态

最新回答 / 路人Bing

什么意思呢，是下子后再次点击会有效果吗？如果是这样的话，可以在点击事件里增加判断。如果这个地方有子则可以用js再在子的边缘加一圈阴影。

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

2017-03-13

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

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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