home about projects profile
互動與遊戲 2026 系統與網站開發
Minesweeper Online
// SYS 官方專案

Minesweeper Online

Online Minesweeper!

by windsoryeh

// project_overview

網頁版的踩地雷遊戲,有多種不同的遊玩模式供玩家依偏好選擇。

// tech_stack
html css js
// keywords
# minesweeper # game # website
幫這個專案投票!
// project_details

網頁版踩地雷,顧名思義,即置踩地雷遊戲於網頁,故稱「網頁版踩地雷」。
用白話來說,這是我去年做的社展專題,在網頁上還原了踩地雷遊戲,在網頁上還原了踩地雷遊戲,還設計了競速、掃雷兩種功能供玩家依偏好選擇。


海報主頁

1. 基礎功能簡介

遊戲畫面裡的導覽列

網頁版踩地雷遊戲,自然要還原出踩地雷遊戲的功能,其中包含顯示剩餘未插旗的地雷數距遊戲開始後經過的時長
另外,玩家也可以自己選擇難度,預設有難、中、易三種等級,玩家也可以自行調整雷區的長度、寬度或地雷總數。其中:

  • 易:雷區大小 10 * 10 格,內有 10 顆地雷。
  • 中:雷區大小 16 * 16 格,內有 40 顆地雷。
  • 難:雷區大小 30 * 16 格,內有 99 顆地雷。

雷區的長度、寬度均限制為 1 ~ 50 格,地雷數最低為 1、最高為雷區長度*雷區寬度-9。
開局時,遊戲會保證第一個被點擊的格子和周圍九宮格內均沒有地雷,故設有有此地雷數上限。

2. 快速開格、插旗

為了加快遊戲進行的步調,這個網站有設計一些可以輔助玩家快速差奇、開格的功能。(詳見海報主頁
另外,被快速開啟的格子也會偵測自身是否符合快速開啟九宮格內其他格子的條件,達到遞回快速開格的效果。

3. 掃雷模式

掃雷模式和經典模式最大的不同,就是在掃雷模式中,被插旗的地雷會立刻被消除,讓玩家能更方便探索雷區裡其他尚未開啟的格子。
在這種遊戲模式中,玩家需要猜測的機率會下降,但是如果在一個沒有地雷的格子上插旗,遊戲就會旋即終止,視同地雷被引爆。

玩家可以點擊下圖中紅框框住的文字或符號在經典和掃雷兩模式間切換。

4. 競速模式

競速模式設計給欲訓練反應速度的玩家。在該模式中,動作與動作間閑置時間不得多於五秒,否則視同挑戰失敗。

玩家可以點擊右上角的時鐘符號開啟或關閉競速模式,競速模式開啟時時鐘會以相反色的形式呈現。


海報左翼 海報右翼

// Comments

載入留言…
// similar_projects

連動筆記

// NO_SUBTITLE

htmlcssjs+1
系統與網站開發
@123
官方現場展覽2