
引言
五子棋(Gomoku),作为最古老的棋类游戏之一,一直以其规则简单但变化无穷的魅力吸引着无数人。
然而,市面上的五子棋游戏大多充斥着过时的 UI 设计和烦人的广告。我想要创造一个纯粹、优雅、且具有现代感的对弈空间。于是采用了 Neumorphism (新拟态) 风格,让每一次落子都像是在真实的棋盘上触碰,带来极致的视听享受。
体验地址: 👉 go.vibedev.cc
✨ 核心亮点 (Features)
1. 🎨 极致拟态设计
不仅仅是简单的阴影堆叠。我们精心打磨了每一个 UI 元素的光影效果,模拟真实材质的凹凸质感。拒绝扁平乏味,带来柔和、舒适的视觉体验,长时间对弈也不会感到视觉疲劳。
2. 🤖 智能 AI 对手
内置了三种难度的 AI 算法,满足不同阶段玩家的需求:
- 🌱 简单: 适合新手入门,寻找自信,熟悉规则。
- 🔥 中等: 模拟普通玩家水平,互有攻守,适合休闲娱乐。
- 💀 困难: 具备较强的博弈能力,甚至有点挑战性,适合高手切磋。
3. 📱 PWA 原生级体验
基于 PWA 技术构建,支持安装到手机或电脑桌面:
- 离线运行: 即使没有网络,也能随时随地开启一局。
- 沉浸式: 隐藏浏览器地址栏,全屏运行,体验接近原生 App。
- 触感反馈: 优化的交互动效与震动反馈(Mobile),让落子更有“手感”。
🛠️ 技术栈 (Tech Stack)
- Core: React 18, TypeScript, Vite
- Styling: Tailwind CSS (Custom Neumorphic Utilities)
- State: React Hooks (useReducer for game logic)
- PWA: vite-plugin-pwa
预览图 Gallery

下一步计划
- 联机对战: 引入 WebSocket,实现好友创建房间实时对战。
- 更多皮肤: 增加深色模式(Dark Mode)以及木纹、大理石等不同材质的棋盘皮肤。
- 排行榜: 增加全球积分排行榜,让玩家更有成就感。