#作品讨论：四风牌局#
# 四风牌局：在浏览器中体验一场沉浸式 3D 麻将对局
## 作品名称
**四风牌局（Four Winds）**
## 一句话简介
一款使用 React、Redux Toolkit 和 Three.js 开发的单机四人麻将游戏，支持摸牌、出牌、吃碰杠胡、AI 对战及基础分数结算。
## 作品截图
jiojiochou.github.io)
## 演示链接
- 在线体验：jiojiochou.github.io
- GitHub 仓库：github.com
## 创作感受
开发“四风牌局”的过程中，我尝试把传统麻将玩法与现代 Web 交互结合起来。项目使用 React 构建界面、Redux Toolkit 管理回合状态，并通过 Three.js 和 React Three Fiber 呈现立体牌桌、牌墙、弃牌区和玩家手牌。
整个开发过程中，最有挑战的部分是麻将回合状态、吃碰杠胡规则与 3D 场景之间的同步。除了实现基础和牌判断和 AI 弃牌策略，我还针对桌面端与移动端优化了手牌选择、拖动排序和响应式布局。
这次创作让我对前端状态管理、3D 场景渲染和游戏交互设计有了更深入的理解。当前版本仍采用简化规则，后续希望继续完善番型计分、AI 策略、音效动画以及多人联机功能。
# 四风牌局：在浏览器中体验一场沉浸式 3D 麻将对局
## 作品名称
**四风牌局（Four Winds）**
## 一句话简介
一款使用 React、Redux Toolkit 和 Three.js 开发的单机四人麻将游戏，支持摸牌、出牌、吃碰杠胡、AI 对战及基础分数结算。
## 作品截图
jiojiochou.github.io)## 演示链接
- 在线体验：
jiojiochou.github.io- GitHub 仓库：
github.com## 创作感受
开发“四风牌局”的过程中，我尝试把传统麻将玩法与现代 Web 交互结合起来。项目使用 React 构建界面、Redux Toolkit 管理回合状态，并通过 Three.js 和 React Three Fiber 呈现立体牌桌、牌墙、弃牌区和玩家手牌。
整个开发过程中，最有挑战的部分是麻将回合状态、吃碰杠胡规则与 3D 场景之间的同步。除了实现基础和牌判断和 AI 弃牌策略，我还针对桌面端与移动端优化了手牌选择、拖动排序和响应式布局。
这次创作让我对前端状态管理、3D 场景渲染和游戏交互设计有了更深入的理解。当前版本仍采用简化规则，后续希望继续完善番型计分、AI 策略、音效动画以及多人联机功能。
展开
2
4
![[呲牙]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_2.cd1e2bd.png)