Html5 Canvas 掃雷 (IE9測試透過)

firefule發表於2021-09-09

掃雷是一個非常經典的遊戲,記得在第一次接觸的windows 3.22 上就有掃雷了,到現在的Win7,依然保留著這個經典的遊戲,結合 Canvas,模仿Win7的UI,將老闆掃雷進行了升級。在 FireFox, Chrome, 和 IE9 下測試透過。
實現中設計的類: CellInfo, MineInfo, InfoProcess, CellRender, MineArea, GameInfo, GameStatus, Game, StorageInfo, GameStorage。
遊戲介面:

GameMode:
Beginner 初級設定 Width:7 Height:7 Mine:10。
Intermediate 中級設定 Width:15 Height:15 Mine:40。
Expert 高階設定 Width:30 Height:15 Mine:99。
Random   隨機模式。
CustomerSetting:    使用者自定義掃雷的 Width Height Mine。
Performance Test:   測試遊戲在瀏覽器上的反應。
Game Record:         遊戲記錄。
Pause: 暫停遊戲。
Save: 存檔遊戲。


當點選Save存檔後,在GameStorage下面會記錄當前遊戲的縮圖。滑鼠進入存檔縮圖,當前縮圖高亮一個小紅邊,點選左鍵恢復存檔點,點選右鍵刪除存檔點.
由於遊戲中使用的圖片比較多, 這個連結是AllInOne的地址:
所有內容都在這一個Html裡,不包含外部連結。你可以直接儲存這個網頁,這樣就可以隨時玩了。 圖片描述


也可以下載未壓縮版本:

附件:MineSweeper.rar

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/1834/viewspace-2818501/,如需轉載,請註明出處,否則將追究法律責任。

相關文章