跳至主要內容
專案

Mind Matrix

解碼模式,掌控網格。基於 Next.js 16 和 React 19 構建的認知解謎遊戲。

Mind Matrix

Mind Matrix 是一款視覺記憶和模式識別遊戲,旨在測試您的認知處理速度。玩家將面對一個 5x5 的網格,其中的方塊會根據隱藏的數學規則閃爍。您的目標是觀察、解碼邏輯並複現該模式。

該專案站在 Web 開發的最前沿,利用 Next.js 16React 19 和全新的 Tailwind CSS 4 引擎來實現高性能渲染和樣式設計。

主要功能

  • 動態網格系統:響應式的 5x5 網格組件,負責處理狀態、使用者交互和視覺回饋。
  • 漸進式難度:邏輯驅動的關卡設計,隨著您通過 7 個關卡的晉級,數學規則會變得越來越難以破譯。
  • 深色/淺色模式:由 next-themes 支援的無縫主題切換,確保在任何光線下都能舒適遊玩。
  • 即時回饋:通過專門的回饋面板即時驗證使用者的選擇。
  • 現代設計:採用最新的 Tailwind CSS v4 樣式,利用新的實用類功能打造簡潔、極簡的介面。

Mind Matrix 將數學邏輯與快速視覺處理相結合,提供具有挑戰性且富有成就感的認知訓練。