分类：vue五子棋算法

2021
06-23

VUE+Canvas实现简单五子棋游戏的全过程

前言在布局上，五子棋相比那些目标是随机运动的游戏，实现起来相对简单许多，思路也很清晰，总共分为：（1）画棋盘；（2）监听点击事件画黑白棋子；（3）每次落子之后判断是否有5子相连，有则赢。最复杂的恐怕就是如何判断五子棋赢了，那么就先从简单的开始，画个棋盘吧~1、画棋盘棋盘很简单，我们画个15*15的棋盘，横线竖线相交错：drawCheckerboard(){//画棋盘let_this=this;_this.ctx.beginPath();... 继续阅读 >