Canvas制作五子棋游戏

发布于2017年3月11日 19:39:30 ,最后一次修改于2017年3月14日 20:07:23

通过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++
};
};

参考以上效果比较单一,没有交互性,适合研究其算法和实现方法。源文件点击此处下载

发表评论