尧图网络 高端网站定制 · 原创设计
免费咨询热线
400-888-6620
免费获取方案
撤销为什么只需要 pop:用事件重放实现离线台球计分
计分板最常见的 bug不是按钮没响应而是比分、开球方、让局和撤销各维护一份状态某个分支忘记同步其中一项。台球工具选择只记录“发生了什么”把“现在是什么状态”全部重算出来。一、先把事实和结果分开以中式八球抢局制为例页面需要展示两名选手当前比分本局开球方是否已经达到抢局目标炸清、接清等特殊胜局次数撤销上一局后的所有状态。直觉实现会在点击“选手 A 获胜”时同时执行scoreA、切换开球方、更新特殊次数并判断获胜。这样做的问题是撤销时必须精确执行所有反操作新增一种开球规则又会影响多个分支。这个思路最初用于「零碎百宝箱」的台球计分功能目标是在球房断网时仍能完整记下一场比赛。项目只保存不可再分的事实frames:[{winner:A,type:normal,at:1720000000000},{winner:B,type:clear,at:1720000060000}]比分、胜者和开球方都是派生值functionscoreOf(match,side){consthandicapsideA?match.handicapA:match.handicapB;returnhandicapmatch.frames.filter(ff.winnerside).length;}functionmatchWinner(match){if(scoreOf(match,A)match.raceTo)returnA;if(scoreOf(match,B)match.raceTo)returnB;returnnull;}撤销上一局因此只需frames.pop()随后所有派生函数自然得到上一时刻的状态。二、事件重放消除了“双重真相”事件模型的核心并不是用了数组而是规定数组是唯一事实来源。如果同时持久化frames和scoreA二者迟早会不一致。frames 事件序列比分当前开球方比赛胜者特殊胜局统计结算详情开球方也从历史推导轮流开球已完成局数的奇偶决定当前开球方胜方开球取上一局赢家负方开球取上一局赢家的另一方。这些函数可以独立测试。页面组件不需要知道各种规则怎样组合只负责渲染计算结果和追加事件。三、两套玩法共用一个思想台球工具同时支持中式八球抢局和九球追分。追分不是简单的“多人比分加减”它有普胜、银九、大金、小金、犯规等事件不同事件决定谁向谁转移多少分还会影响下一局出杆顺序。追分对局保存{players:[A,B,C],initialScore:100,values:{normal:5,silver:10,golden:20},firstOrder:[0,1,2],events:[{type:normal,winner:0,payer:1,at:1720000000000},{type:golden,winner:2,payer:null,at:1720000060000}]}payernull表示其余所有人都向赢家支付。重放函数从每人的初始分开始逐条转移for(consteventofmatch.events){constvaluematch.values[event.type];if(event.payernull){for(leti0;iplayers.length;i){if(i!event.winner){scores[i]-value;scores[event.winner]value;}}}else{scores[event.winner]value;scores[event.payer]-value;}}这段算法天然维持一个不变量sum(scores) initialScore * playerCount如果任何操作后总分变化就说明转移规则实现有误。把业务规则转化为可断言的不变量是提高计分类软件可靠性的有效方法。四、出杆顺序也可以重放追分模式的当前顺序并不单纯按局数轮换。赢家应排到首位单一输家排第二其余人保持上一局相对顺序大金没有单一输家则只把赢家提到首位。犯规属于局中处罚不改变下一局顺序。实现用事件类型集合区分哪些事件会结束一局再从firstOrder依次重放constORDER_EVENTSnewSet([normal,silver,gold9,golden]);for(consteventofevents){if(!ORDER_EVENTS.has(event.type))continue;constrestorder.filter(ii!event.winneri!event.payer);orderevent.payernull?[event.winner,...order.filter(ii!event.winner)]:[event.winner,event.payer,...rest];}分数和顺序都来自同一串事件因此撤销一个犯规只恢复分数不会错误改变顺序撤销一局胜负则两者一起回到正确状态。五、兼容旧存档要看数据形状软件升级后同一个玩法代码可能改变计分模型。项目曾经存在九球抢局存档后来九球改为追分。如果只根据mode nine-ball判断旧存档会被错误送进需要players/events的追分页面。实现改为按数据形状判断exportfunctionisChase(match){return!!(matchArray.isArray(match.players));}这是一种实用的兼容策略当持久数据没有明确 schema version 时使用不会歧义的结构特征识别旧格式。更长期的方案是在新数据中加入schemaVersion并编写显式迁移但在已有用户存档无法补字段时形状检测仍是必要兜底。六、本地是主存储云端只是备份球房网络不稳定时点击记分必须立即生效。当前对局、设置和最近 100 条历史都先写入带billiards:命名空间的本地 storage。比赛结束后再静默尝试上传。每场比赛创建一个客户端幂等键m${Date.now().toString(36)}${Math.random().toString(36).slice(2,8)}服务端按 openid 和clientKey去重所以网络重试不会制造重复比赛。同步流程为处理此前离线删除留下的待删队列拉取云端记录与本地按clientKey合并推送所有未同步且已经完赛的本地记录。删除也不能只操作本地。已同步记录删除后会把clientKey放进pendingDeletes下次联网时补删云端在删除完成前拉取逻辑会跳过同 key 的远端记录防止它“复活”。这种设计明确牺牲了多人同时编辑一场比赛的能力换取球桌上最重要的体验任何时候都能记分杀进程后也能恢复当前对局。七、结算数据为何可以适度冗余进行中状态坚持事件唯一来源但历史列表需要快速展示最终比分。完赛入库时抢局模式会附加scoreA、scoreB和winner追分模式附加finalScores。这不是重新引入双重真相因为它们是事件序列在“完赛时刻”的不可变快照不再参与后续计分。历史卡片可以直接读取详情页仍能用事件复核。判断是否可以冗余的标准是源数据是否保留快照是否只在明确的生命周期节点生成快照生成后是否还会被独立修改。满足这三点适度反规范化能简化查询否则就会变成两个可写字段互相打架。八、事件溯源不等于必须上复杂基础设施这里没有消息队列、事件总线或专用事件数据库只有普通 JavaScript 数组和 JSON 持久化但已经获得了事件建模的核心收益状态计算是确定性的撤销成本低新统计可以从旧事件补算业务不变量容易测试云端可以保存完整过程而非只有最终分数。它也有边界。事件无限增长会让每次重放变慢复杂业务还要处理事件版本迁移。台球一场比赛的事件数量有限直接从头重放最简单若扩展到数万事件的长期系统再引入周期快照。九、可复用的设计判断计分工具适合事件重放通常因为它同时满足三点操作可以表达为离散事件当前状态能由事件确定计算用户有频繁撤销需求。实现时应守住以下约束只持久化事件和必要初始条件不持久化可变派生状态把所有规则写成无副作用的推导函数为零和、局数和顺序等业务不变量编写测试明确事件 schema升级时识别或迁移旧存档把离线删除也建模为需要补偿的同步动作。当撤销需要写一大串反向逻辑时通常不是撤销太复杂而是状态保存得太多了。
RELATED

相关推荐

Path of Building终极指南:5分钟掌握流放之路离线构筑模拟器

Path of Building终极指南:5分钟掌握流放之路离线构筑模拟器

Path of Building终极指南:5分钟掌握流放之路离线构筑模拟器 【免费下载链接】PathOfBuilding Offline build planner for Path of Exile. 项目地址: https://gitcode.com/gh_mirrors/pat/PathOfBuilding 想要在《流放之路》中打造完美角色却总是浪费资源&am…

📅 2026/9/4 16:47:08
RaZ引擎资源管理最佳实践:模型、纹理与动画加载优化策略

RaZ引擎资源管理最佳实践:模型、纹理与动画加载优化策略

RaZ引擎资源管理最佳实践:模型、纹理与动画加载优化策略 【免费下载链接】RaZ Modern & multiplatform 3D game engine 项目地址: https://gitcode.com/gh_mirrors/ra/RaZ RaZ是一款现代化跨平台3D游戏引擎,提供高效的资源管理系统帮助开发者…

📅 2026/9/15 11:58:03
大型前端项目的目录结构演进:从 feature-based 到 domain-driven 的架构变迁

大型前端项目的目录结构演进:从 feature-based 到 domain-driven 的架构变迁

大型前端项目的目录结构演进:从 feature-based 到 domain-driven 的架构变迁 目录结构是前端架构的物理映射。一个混乱的目录结构意味着混乱的模块边界、混乱的依赖关系、混乱的团队分工。本文梳理三个阶段的目录结构演进路径,从传统的 type-based 到 fe…

📅 2026/9/6 0:35:52
MORE NEWS

更多资讯

📰

CANN Runtime CMO 缓存操作接口解析:aclrtCmoAsync 系列 API 使用与实现原理

CANN Runtime CMO 缓存操作接口解析:aclrtCmoAsync 系列 API 使用与实现原理 【免费下载链接】runtime 本项目提供CANN运行时组件和维测功能组件。 项目地址: https://gitcode.com/cann/runtime CMO(Cache Maintenance Operations,缓存…

📰

系统通用部署手册:从Linux到国产化系统的完整落地方法论

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

ZeroClaw Eval Harness 实战指南:基于确定性回放的 Agent 循环回归测试体系

ZeroClaw Eval Harness 实战指南:基于确定性回放的 Agent 循环回归测试体系 【免费下载链接】zeroclaw Fast, small, and fully autonomous AI personal assistant infrastructure, any OS, any platform — deploy anywhere, swap anything 🦀 项目地…

📰

Ant Design QRCode 组件实战:基于 canvas 与 svg 两种渲染类型的二维码下载方案

Ant Design QRCode 组件实战:基于 canvas 与 svg 两种渲染类型的二维码下载方案 【免费下载链接】ant-design An enterprise-class UI design language and React UI library 项目地址: https://gitcode.com/gh_mirrors/ant/ant-design Ant Design 的 QRCode…

📰

pyasc 算子开发指南:MatmulApiTiling.set_matmul_config_params 自定义 MatmulConfig Tiling 参数全解析

pyasc 算子开发指南:MatmulApiTiling.set_matmul_config_params 自定义 MatmulConfig Tiling 参数全解析 【免费下载链接】pyasc 本项目为Python用户提供算子编程接口,支持在昇腾AI处理器上加速计算,接口与Ascend C一一对应并遵守Python原生语…

📰

空调线控器接入智能家居:RS485接线与蓝牙调试全攻略

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

TODAY

今日更新

THIS WEEK

本周精选

THIS MONTH

本月热门

读完文章,想聊聊您的网站?

告诉我们您的行业与需求,资深顾问一对一梳理方案与报价,全程免费。

📞 💬