{{ $t('samples.actions.duplicate') }}
{{ $t('samples.actions.demo') }}
記憶配對遊戲
經典記憶配對遊戲,介面清楚,包含計時器與分數。
{{ $t('samples.actions.prompt') }}
網站目標:建立經典、有趣的記憶配對遊戲,介面清楚,包含計時器與分數。操作需直覺且採響應式設計。
對象:休閒玩家、兒童及想透過遊戲訓練腦力的使用者。
主要功能與區塊
- 遊戲盤面:4×4、5×4 或 6×6 等背面朝上的卡片網格,將成對圖案隨機打亂。
- 點擊翻牌:點擊卡片後翻面顯示圖片;兩張相同則保持正面,不同則在 1~1.5 秒等短暫延遲後翻回。
- 資訊面板:固定頁首或側欄顯示遊戲數據。
- 計時器:翻開第一張卡時開始,全部配對後停止,以 MM:SS 顯示。
- 步數:追蹤翻牌次數或每次翻兩張的操作次數。
- 分數或星等:依步數或時間評分,例如表現優異為 3 星、良好為 2 星、普通為 1 星。
- 狀態訊息:顯示「請點擊卡片」、「未配對,請再試一次」等訊息。
- 勝利對話框:顯示總時間、步數及「恭喜!你以 X 步、Y 秒完成」等訊息,提供「再玩一次」以重設並開始新回合。
初始卡片
使用動物、水果或表情符號等預設圖片。依網格大小動態決定卡片數,每次開始都隨機洗牌。
功能要求
網格適應手機與桌面,維持整齊、可遊玩的版面。兩張卡仍顯示、尚未翻回時,禁止點擊其他卡片。使用 JavaScript 管理翻開、已配對、目前步數與時間等狀態。
設計風格
明亮、有趣、親切,卡片與介面採扁平或極簡風格。配色活潑,文字與計數器使用清晰、圓潤的無襯線字型。使用 CSS transform 等技術實作流暢翻牌;配對成功時加入柔和發光或輕微縮放。
{{ $t('samples.actions.copied') }}