time 
设为首页】【收藏本站
当前位置: 主页 > WEB教程 > Html教程 > 利用HTML5的canvas实现Web五子棋游戏代码实例

利用HTML5的canvas实现Web五子棋游戏代码实例

时间:2012-12-11 23:31 点击:2767次 字体:[ ]




这只是一个简单的javascript和HTML5小程序,没有实现人机对战。

五子棋棋盘落子点对应的二维数组。数组的元素对应落子点。比如数组元素值为0表示该元素对应的落子点没有棋子,数组元素值为1表示该元素对应的落子点有白棋子,数组元素值为2表示该元素对应的落子点有黑棋子;

 判断五子棋赢棋的算法是通过对五子棋棋盘落子点对应的二维数组的操作来实现的。

 

 判断五子棋赢棋算法

下边的函数可以实现判断五子棋赢棋的算法,也可以按照教材中相应的算法实现。

其中函数的参数xx.yy为数组下标,chess数组实现五子棋棋盘落子点的数据结构映射。

算法的思想方法是:以当前落子点对应的下标为基点,向其周围8个方向进行搜索,如果有同色子连五子,返回1,或2,否则返回0。返回1代表白棋方胜,返回2代表黑棋方胜。返回0代表没有发生赢棋数据结构状态。

 

提供程序用到的棋子

利用HTML5的canvas实现Web五子棋游戏代码实例_www.fengfly.com

利用HTML5的canvas实现Web五子棋游戏代码实例_www.fengfly.com

 

利用HTML5的canvas实现Web五子棋游戏代码实例_www.fengfly.com



本文地址 : http://www.fengfly.com/plus/view-210859-1.html
标签: Web HTML5 canvas
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码: