Gomoku Master - 五子棋大师

一个极简主义风格的在线五子棋游戏。采用现代 Neumorphism (新拟态) 设计风格,提供沉浸式的对弈体验。

Gomoku Master Cover

引言

五子棋(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


下一步计划

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

立即体验 Gomoku Master