1. 首页
  2. 网络技术
  3. 其他
  4. html实现五子棋

html实现五子棋

上传者: 2019-02-24 15:22:07上传 HTML文件 18.84KB 热度 34次
使用html和css实现五子棋 /**五子棋 * 思路: * 1.棋盘设置:使用HTML5的canvas标签绘制整个棋盘 * 2.点击事件:当页面被点击时,获取点击的x,y像素点,根据此像素点进行判断,再在合适位置绘制黑白棋子,黑子棋子均是使用canvas绘制的 * 3.保存落子记录:将数据存入一个二维数组,x和y表是落子坐标,1为白棋,2为黑棋,0代表此处无棋子,只有没有棋子的才能落子 * 4.判断输赢:每次落子后以此坐标分别向左右,上下,右下,右上进行判断,设参数count,遇到同色棋子+1,遇到空格或不同色棋子终止,当count=5时,游戏结束 * 20150930 */
用户评论