边界场 EDGEFIELD

在线地址：edgefield-gateway.pages.dev

边界场是一款轻量、易上手但充满策略空间的点与盒子对战游戏。

一场关于边界的较量

红蓝双方轮流连接相邻的点。当一名玩家补齐一个小方格的四条边时，这个方格就会被收入自己的领地，并获得继续落子的机会。

看似简单的连线，往往会在最后几步变成一场关于布局、诱导和时机的心理博弈。当一方占领超过半数方格时，游戏提前结束，最终占领面积更大的玩家获胜。

三种对战方式

• 娱乐模式：5×5 点阵，适合随时开一局。
• 竞技模式：6×6 点阵，通过 Rating 寻找实力相近的对手。
• 自定义模式：2×2 至 7×7 自由选择，可挑战玩家或 AI。

AI 提供“弱鸡、普通、大师”三种风格，从轻松热身到认真博弈，适合不同阶段。每回合拥有独立思考时间，既保留对战节奏，也给策略留下空间。

为对战而设计

边界场从第一屏开始就强调沉浸感：GSAP 驱动的开场动画、动态页面过渡、主题切换、背景音乐和交互音效，共同构成完整的游戏氛围。

进入对局后，玩家可以看到双方头像、昵称、Rating 和简介；每一步都有倒计时提示，赛后还能查看胜负结果、Rating 变化以及逐手思考时间。

个人中心提供头像、昵称、简介、对局记录和巅峰榜。玩家可以分享游戏、提交反馈，也可以在打赏页面支持项目继续完善。

从规则到产品

项目开发从经典点与盒子规则出发，逐步扩展为完整的在线对战产品。开发过程中重点打磨了三件事：

1. 规则清晰：以标准“补齐方格并继续落子”为核心，减少固定先手带来的影响。
2. 对局可靠：棋盘状态由服务端统一判定，断线、刷新或临时离开后可以回到正在进行的对局。
3. 体验完整：从登录、大厅、匹配、对战到结算，每个环节都有明确反馈和连续的视觉体验。

技术实现

前端使用 Vite、原生 JavaScript 和 GSAP 构建，兼顾加载速度、动画表现和移动端适配。

在线对战基于 Cloudflare Worker、Durable Objects、WebSocket 和 D1：

• Durable Objects 为每个房间保存独立状态，确保双方看到一致的棋盘。
• WebSocket 实时同步落子、比分、回合和在线状态。
• 服务端处理计时、超时落子、胜负判断和 Rating 结算。
• D1 保存玩家资料、对局记录、反馈和排行榜数据。
• 重连和异常兜底降低短暂网络波动对对局的影响。

项目愿景

边界场希望把一个经典小游戏做得更有质感：规则足够纯粹，策略足够耐玩，体验足够顺滑。

它既可以是几分钟的轻松娱乐，也可以是一场认真计算每一步的较量。每一条线都在改变棋盘，每一次落子都可能决定最后的领地。