跳至主要内容
项目

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 将数学逻辑与快速视觉处理相结合,提供具有挑战性且富有成就感的认知训练。