>  기사  >  웹 프론트엔드  >  Javascript和HTML5利用canvas构建Web五子棋游戏实现算法_javascript技巧

Javascript和HTML5利用canvas构建Web五子棋游戏实现算法_javascript技巧

WBOY
WBOY원래의
2016-05-16 17:28:371581검색

这只是一个简单的JAVAscript和HTML5小程序,没有实现人机对战。
五子棋棋盘落子点对应的二维数组。数组的元素对应落子点。比如数组元素值为0表示该元素对应的落子点没有棋子,数组元素值为1表示该元素对应的落子点有白棋子,数组元素值为2表示该元素对应的落子点有黑棋子;
判断五子棋赢棋的算法是通过对五子棋棋盘落子点对应的二维数组的操作来实现的。

判断五子棋赢棋算法
下边的函数可以实现判断五子棋赢棋的算法,也可以按照教材中相应的算法实现。
其中函数的参数xx.yy为数组下标,chess数组实现五子棋棋盘落子点的数据结构映射。
算法的思想方法是:以当前落子点对应的下标为基点,向其周围8个方向进行搜索,如果有同色子连五子,返回1,或2,否则返回0。返回1代表白棋方胜,返回2代表黑棋方胜。返回0代表没有发生赢棋数据结构状态。
Javascript和HTML5利用canvas构建Web五子棋游戏实现算法_javascript技巧 
Javascript和HTML5利用canvas构建Web五子棋游戏实现算法_javascript技巧
Javascript和HTML5利用canvas构建Web五子棋游戏实现算法_javascript技巧 

复制代码 代码如下:











你的浏览器不支持HTML5 canvas,请使用 google chrome 浏览器 打开.





성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.