首頁  >  文章  >  web前端  >  Javascript與HTML5利用canvas建構Web五子棋遊戲實作演算法_javascript技巧

Javascript與HTML5利用canvas建構Web五子棋遊戲實作演算法_javascript技巧

WBOY
WBOY原創
2016-05-16 17:28:371613瀏覽

這只是一個簡單的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