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

全部评论问答未解决精华

什么情况，怎么设置完水印格格就没了？求帮助

最新回答 / 侠客岛的含笑

<...图片...>你看吧

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

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

各位看看我这个是什么问题~~

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

0 回答 660 浏览

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

我的怎么不显示》？

最新回答 / ICHAYA

我刚开始全部保存后直接Open in Browser也没有显示保存好所有文件后关掉sublime，直接从文件夹打开HTML文件就有显示了（视频里老师也是从文件夹打开的）后续再次在sublime中Open in Browser 也会有显示浏览器：chrome最新版

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

2016-03-30

a年轮

style.css
canvas{
display:block;
margin: 50px auto;
box-shadow: -2px -2px 2px #BFBFBF，5px 5px 5px #B9B9B9;
}

0 2-1 页面结构搭建

2016-03-30

黎诗奇3118298

老师讲的很好，奈何基础太差，很多地方想不通

2 2-5 落子实现

2016-03-30

qq_OnwardHeng_0

有所启发·

0 2-5 落子实现

2016-03-30

qq_OnwardHeng_0

6666，get新技能

0 2-3 画水印

2016-03-30

qq_OnwardHeng_0

canvas得熟

0 2-2 画棋盘

2016-03-30

首页上一页 16 17 18 19 20 21 22 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空