Html5 Canvas 掃雷 (IE9測試透過)
掃雷是一個非常經典的遊戲,記得在第一次接觸的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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 安全測試之探索 windows 遊戲掃雷Windows遊戲
- HTML5 Canvas製作雷達圖實戰HTMLCanvas
- 滲透測試之主機探測與埠掃描
- 微軟IE9通過97.7%的CSS2.1測試微軟IE9CSS
- 記學習滲透測試之掃描埠
- 【滲透測試筆記】之【MSF 弱點掃描】筆記
- 記學習滲透測試之漏洞掃描一
- 記學習滲透測試之漏洞掃描二
- 透過iozone測試硬碟效能硬碟
- 網站滲透測試漏掃工具的應用技巧網站
- 記學習滲透測試之漏洞掃描簡述
- 滲透測試與漏洞掃描有什麼區別?
- GPT-4 透過圖靈測試GPT圖靈
- 滲透測試對app安全測試實戰過程分享APP
- APP滲透測試基本內容與漏洞掃描介紹APP
- 滲透測試工程師必知的漏洞掃描工具!工程師
- Kail Linux滲透測試教程之在Metasploit中掃描AILinux
- proc 開發環境配置(測試透過)開發環境
- JS實現掃雷JS
- 自動掃雷程式
- 《魔窟掃雷》給掃雷遊戲指明瞭一個進化的方向遊戲
- ionic2:Android真機測試(踩過了雷流過的淚)Android
- 通過編寫掃雷遊戲提高你的 Bash 技巧遊戲
- 專業掃雷 1.2破解過程 (4千字)
- Canvas 繪製雷達圖Canvas
- canvas 實現雷達圖Canvas
- 004 透過連結串列學Rust之測試Rust
- 滲透測試會用到哪些工具?滲透測試教程
- 用ncurses庫寫掃雷
- java掃雷遊戲程式碼Java遊戲
- Html5 Canvas動畫基礎(碰撞檢測)HTMLCanvas動畫
- Python滲透測試之tcp幾種埠掃描的講解PythonTCP
- win10有掃雷嗎?Win10系統掃雷遊戲在哪裡Win10遊戲
- Laravel 單元測試實戰(4)- 測試成功後的方法重構並再次測試透過Laravel
- 網站滲透測試原理及詳細過程網站
- 透過平臺工程提高微服務測試質量微服務
- HTML5 -- CanvasHTMLCanvas
- 滲透測試和漏洞掃描是什麼?兩者有何區別?