{{ $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') }}