今天是我的“365天AI开发挑战”的第 69 天。今天给大家带来的是一款非常“杀时间”的纯逻辑解谜 Web 应用——《拆弹专家》(星战/Queens)。

如果你最近在领英(LinkedIn)上玩过爆火的打卡小游戏 Queens,或者了解过世界谜题锦标赛里的经典题型 Star Battle,那你对这个玩法一定不陌生。今天,我用 AI 辅助编程的方式,把它完整复刻并进化成了一个带有生命值系统、实时验证和流畅动画的高颜值版本。

🧩 极其烧脑:只有 4 条绝对规则

这款游戏没有任何运气成分,完全依靠严密的逻辑推导。在错综复杂的彩色网格中,隐藏着若干个“目标”(炸弹)。你必须同时满足以下 4 条铁律才能过关:

行唯一:每一行仅有 1 个炸弹。

列唯一:每一列仅有 1 个炸弹。

区域唯一:每个颜色的格子仅有 1 个炸弹。

绝对不相邻:炸弹之间绝对不能挨着,也就是周边九宫格也没有炸弹。

🎮 步步惊心:单双击排雷机制

为了增加游戏的策略性和紧张感,我在交互上做了特别的设计,你只有两个动作,一个是标记,一个是翻牌:

单击格子(标记 ❌):这是你的安全排查动作。通过逻辑推导,确认绝对不可能有目标的地方,单击打上 ❌ 作为辅助记号,不扣血。

双击格子(正式落子):当你确认目标位置时,双击放置。这是带有惩罚机制的实时验证——如果你推理错误,放置在了错的位置,不仅格子会爆红震动,还会立即扣除一颗 ❤️ 生命值!

三颗心扣完,游戏直接结束(并且会残酷地向你展示真正的答案)。如果全部找齐,屏幕会触发满屏的五彩纸屑庆祝动画,自动带你进入下一张更庞大、更复杂的网格战区。

💻 极简视觉与技术打磨

在视觉呈现上,为了让大家长时间盯着屏幕推理眼睛也不累,我使用 React 结合 Tailwind CSS 进行了重构。

放弃了容易让人眼花缭乱的深色高对比度,最终敲定了这套清爽的马卡龙护眼配色。同时,游戏内内置了中英双语(i18n)无缝切换,并配合了非常解压的音效反馈,整体完成度非常高。