大家好，又見面了，我是你們的朋友全棧君。
能随機背景顔色自動插旗子自定義雷區大小和難度的掃雷遊戲
随機變換雷區顔色，以及其它CSS樣式，動畫效果全是CSS。點選網頁上的元素觸發遊戲事件打開雷區。如果對于一個方格，其周圍未打開的方格恰好全都有雷，那麼這些雷将全部自動被标記為小紅旗，而玩家隻需要一直點選雷區直至雷區全被打開并勝利呈現YOU WIN～
沒錯，全程左鍵操作。
在位址欄中設定
width
、
height
、
mines
參數來調整遊戲難度，這些參數分别對應雷區寬度、高度和難度。
至于遊戲本身呢，就是一個HTML檔案，浏覽器要允許這些陌生的檔案中的腳本執行，然後用浏覽器打開檔案就可以玩啦。正是因為這個因素，不光電腦，手機平闆凡是有浏覽器并能執行JS的裝置都能讓這個掃雷跑起來。
遊戲裡那些彩色的數字們，并不是字，而是SVG圖。整個文檔中
body
也就一點點：
<body>
<div class="screen">
<div class="square">
<div id="map">
<!-- 沒錯，就這 -->
</div>
</div>
</div>
<div id="board"></div>
</body> 複制
剩下全是CSS和腳本。啟動之後就會往那個叫
map
的标簽裡插入一片雷區。
《掃雷》是Microsoft于1992年附帶在 Windows 3.1 作業系統中的單機遊戲，它通過點選方格并以出現數字來判斷附近雷的數量，将全部地雷做上标記即可勝利。最後在2015年7月釋出的Windows 10中移除了這個遊戲。
但是注意，掃雷中的雷不是地雷。經典掃雷中一不小心點到雷的時候會顯示一個黑色帶刺球體，那是水雷。從百度上搜尋一下地雷，地雷長得像一個圓餅而不是一個球。而水雷的形狀雖然也不是一個球，但它至少從前是的，最早的水雷是一個球，掃雷掃的是水雷，而那些插着紅旗的土堆也并不是什麼土堆，而是露出海面的浮标。玩掃雷的時候想像掃雷艇開着聲納在海面上轉來轉去吧。
那麼掃雷艇難道不應該直接把雷起走麼⁉ 🤔
還是不要糾結這些了，下載下傳代碼💾并打開它，開始打遊戲吧。
釋出者：全棧程式員棧長，轉載請注明出處：https://javaforall.cn/132613.html原文連結：https://javaforall.cn