采用的是html5 canvas绘图来绘制五子棋游戏,当页面加载完成后,初始化五子棋游戏逻辑(将其放入到init函数,避免不必要的全局变量),初始化游戏变量,绘制棋盘(采用二维数组的方式,为落子状态为0,黑棋为1,白棋为-1),监听canvas鼠标点击事件(事件统一放入到run方法中),黑子先行。如果是在棋盘区域内,判断下棋方为黑棋还是白棋,绘制相应的棋子,在进行判断是否已经“五子连珠”,判断原理是“米”这个字,分成四个函数(从左到右,从上到下,从左上到右下,从右下到左上),只要满足其中一个条件,则最后落字方胜利,游戏结束。
surmerming/chess
Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|