微信小程序

本文介绍了如何使用微信小程序的canvas组件制作五子棋游戏。主要内容包括确定棋盘大小和格数,绘制棋盘,设置黑白双方下子逻辑,重置棋盘功能,以及实现悔棋操作。此外,还展示了部分源代码,包括横、竖、45度角和135度角的赢棋判断函数。
摘要由CSDN通过智能技术生成

微信小程序@TOC

五子棋

采用微信小程序的canvas制作五子棋;
确定棋盘大小及格数;
绘制棋盘----通过棋盘宽高和格数计算间距,同时保存坐标点;
黑方和白方下子----定义一个布尔变量代表各自的身份;
重置棋盘----重新开始;
通过判断当前棋手,悔棋时进行改变。
在这里插入图片描述

部分源代码
checkTransverse(arr,po){//横向检查
var len = arr.length - 1;
var count = 1;
// 东
for(var i = 1; i < this.CHESS_LEN ; i++){
for (var j = 0; j < len; j++){
if(arr[j].pointX == po.pointX - i && arr[j].pointY == po.pointY){
count++;
}
}
}
if (count == this.CHESS_LEN) { return true;}
// 西
for (var i 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值