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
                                逻辑清晰

全部评论问答未解决精华

不断的学习者

J相同的时候，数组的值不会变为0呢？

0 2-5 落子实现

2016-03-31

不断的学习者

chess.onclick = function(e) {
。。。
var j = Math.floor(y / 30);
if(chessBoard[i][j] == 0) {
oneStep(i, j, me);
if(me) {
chessBoard[i][j] = 1;
}else{
chessBoard[i][j] = 2;
}
me = !me;
}
}
这段代码，若J相同，数组的值不能重置为0呢？就进不去了呢？

2016-03-31

不惧亢龙

貌似没有AI篇了，AI可以实现对战吗

0 3-1 案例总结

2016-03-31

jessezwd

真心不错！

0 3-1 案例总结

2016-03-31

随便叫个啥子

期待AI篇，UI篇照着老师的代码敲了一遍已经成功实现

0 3-1 案例总结

2016-03-31

季陆

等待AI篇

0 3-1 案例总结

2016-03-30

冬腔

https://github.com/dongqiangbj/Gomoku 期待AI篇...

2016-03-30

侠客岛的含笑

电脑会自动先绘制线条再绘制
图片，所以一打开就只能看到图片而不能看到棋盘。
所以要把绘制棋盘的代码封装起来，放在绘图后面，则可以呈现出想要的画面、结果
var logo = new Image();
logo.src ="images/1.png";
logo.onload =function(){
context.drawImage(loge,0,0,450,450);
}
var drawChessBoard = function() {

5 2-3 画水印

2016-03-30

侠客岛的含笑

js画棋盘
var chess = document.getElementById('chess');
var context = chess.getContext('2d');

context.strokeStyle = "#BFBFBF";

for(var i=0;i<15;i++){
context.moveTo(15+i*30,15);
context.lineTo(15+i*30,435);
context.stroke();
context.moveTo(15,15+i*30);
context.lineTo(435,15+i*30);
context.stroke();
}

1 2-2 画棋盘

2016-03-30

侠客岛的含笑

今天刚看了TED的一个演讲,Can a computer write poetry?,感觉不错，用算法写出的诗和人写的诗做选择，纪念伟大的图灵先生，最后她去看望他，拥抱他。他孤独地站在那一排为之奉献一生并恩泽全人类的庞大机器面前说，I’m not alone，never have been。然后伸手抚摸那些柔软的冰冷。它是他的恋人。而谁记得，孤独的孩子，你是造物的恩宠。

0 1-2 案例演示

2016-03-30

侠客岛的含笑

宝宝来了，嘿嘿嘿

0 1-1 课程介绍

2016-03-30

wen_h5

me = ！me；这一句要放在if语句里面

1 2-5 落子实现

2016-03-30

wen_h5

最后有一个bug要改一下

0 2-5 落子实现

2016-03-30

hhh112123123

AI篇~~~迫不及待了

0 3-1 案例总结

2016-03-30

不朽Terry

AI篇什么时候出啊

0 3-1 案例总结

2016-03-30

首页上一页 8 9 10 11 12 13 14 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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