通过canvas做得网页版五子棋游戏，界面清爽简约，通过鼠标单机完成组棋，详情见下图：
js算法代码代码：
var wins = [];
for(let i=1;i<10;i++){
wins[i] = []
for(let j=1;j<10;j++){
wins[i][j] = []
};
};
var count = 0;
for(let i=1;i<6;i++){
for(let j=1;j<6;j++){
for(let k=0;k<5;k++){
wins[i+k][j+k][count] = true
};
count++;
};
};
for(let i=5;i<10;i++){
for(let j=1;j<6;j++){
for(let k=0;k<5;k++){
wins[i-k][j+k][count] = true;
};
count++;
};
};
for(let i=1;i<6;i++){
for(let j=1;j<10;j++){
for(let k=0;k<5;k++){
wins[i+k][j][count] = true
};
count++
};
};
for(let i=1;i<10;i++){
for(let j=1;j<6;j++){
for(let k=0;k<5;k++){
wins[i][j+k][count] = true
};
count++
};
};
for(let i=1;i<10;i++){
wins[i] = []
for(let j=1;j<10;j++){
wins[i][j] = []
};
};
var count = 0;
for(let i=1;i<6;i++){
for(let j=1;j<6;j++){
for(let k=0;k<5;k++){
wins[i+k][j+k][count] = true
};
count++;
};
};
for(let i=5;i<10;i++){
for(let j=1;j<6;j++){
for(let k=0;k<5;k++){
wins[i-k][j+k][count] = true;
};
count++;
};
};
for(let i=1;i<6;i++){
for(let j=1;j<10;j++){
for(let k=0;k<5;k++){
wins[i+k][j][count] = true
};
count++
};
};
for(let i=1;i<10;i++){
for(let j=1;j<6;j++){
for(let k=0;k<5;k++){
wins[i][j+k][count] = true
};
count++
};
};
参考以上效果比较单一，没有交互性，适合研究其算法和实现方法。源文件点击此处下载
