HTML5掃雷游戲源碼

HTML5掃雷游戲，一款簡單的程序掃雷游戲，支持易語言編譯器環(huán)境，直接上傳生生后即可游玩，可以選擇多種難度。支持在HTML5的瀏覽器上體驗(yàn)，想要嘗試經(jīng)典掃雷游戲的朋友們不妨試試吧！

HTML5掃雷游戲源碼說明：

1.根據(jù)格子數(shù)量，初始化canvas畫布。繪制格子。 初始化所需要的數(shù)組。包含格子信息的格子數(shù)組。

2.鼠標(biāo)劃過每一個(gè)格子改變格子。 需要判斷鼠標(biāo)在畫布上的坐標(biāo)。然后根據(jù)畫布坐標(biāo)判斷格子。

3.隨機(jī)生成雷。  do while循環(huán)，生成不重復(fù)的格子坐標(biāo)保存到地雷數(shù)組和格子數(shù)組。

4.點(diǎn)擊打開雷。顯示周圍雷的數(shù)量。如果雷的數(shù)量為0。則用一個(gè)遞歸計(jì)算這個(gè)雷周圍8個(gè)格子里有沒有周邊雷數(shù)量為0的格子，如果有，再計(jì)算這個(gè)格子周圍。。。直到把相連的所有周邊雷數(shù)量為0的格子找出來，放入一個(gè)數(shù)組。然后再把這個(gè)數(shù)組里所有格子以及它們周圍的8個(gè)格子顯示出來，顯示每個(gè)格子周圍雷的數(shù)量 。雷的數(shù)量用不同顏色。

不過我感覺這個(gè)算法效率還不是很高。要優(yōu)化。

5.被打開過的格子或被標(biāo)記過的格子，沒有hover事件。

6.標(biāo)記格子。用旗子或問號(hào)。 屏蔽網(wǎng)頁原本的右鍵事件。

7.加上時(shí)間，以及雷的數(shù)量的標(biāo)記。以及點(diǎn)擊的時(shí)候才生成雷。避免第一次點(diǎn)擊 就點(diǎn)到雷。

8.雙鍵同擊事件。如果周邊雷的數(shù)量等于周邊標(biāo)記的數(shù)量，就把周邊沒有打開沒有標(biāo)記的點(diǎn)開。不等于就動(dòng)態(tài)展現(xiàn)周邊剩下哪幾個(gè)沒打開的。

9.點(diǎn)中的雷以記錯(cuò)誤的標(biāo)記用不同的圖像表達(dá)出來。

10.用網(wǎng)上下的資源美化。增加級(jí)別選擇。高級(jí)，中級(jí)，初級(jí)，以及自定義。優(yōu)化界面效果。

HTML5掃雷游戲演示視頻：