传统理财教育大多停在书和课程里，现金流、被动收入、资产负债、杠杆这些概念又抽象又枯燥。普通人听懂了也难真正用上，现实里试错成本又高。这个项目的出发点就是把经典现金流桌游搬上线，用掷骰子走棋盘、买资产、算报表的玩法，让人在零风险环境里反复做投资决策，把理财知识变成能直接看到反馈的游戏体验。
项目落在金融素养教育和模拟经营游戏的交叉点上。它是一款打开即玩的网页游戏，不用安装，PC上浏览器打开就能跑。游戏本体之外还带了在线联机、玩家存档、运营数据统计和反馈后台，能当财商课配套工具、理财科普活动引流，也能作为休闲游戏独立运营。
游戏核心是一张 32 格棋盘，掷骰子移动后触发机会、结算、意外、失业、结婚、生孩子、好运、合伙人等 9 类事件。围绕这张棋盘，系统分成几块。
棋盘与事件。32 格棋盘承载 9 类格子事件，骰子驱动移动并触发对应逻辑。
卡牌系统。覆盖小生意、大生意、企业、房产、股票基金黄金数字货币等金融资产、保险、学习、兼职、配偶、意外等全类型卡牌，支持预览、购买、升级、卖出完整流程。
财务系统。实时面板展示现金、精力、可贷款额、被动收入、总支出、净资产，支持贷款还款、信用卡、房贷、经营贷等负债管理，生成资产负债表、收入支出表、现金流量表三大报表，并设 1000 万、1 亿、100 亿三级财富自由目标。
市场动态。经济、股市、房市事件定时触发，驱动资产价格和租金波动，配语音播报。
引导与帮助。Live2D 引导角色、交互式新手引导、卡牌图鉴式帮助面板。
人生与报告。记录人生关键事件，生成人生报告并保存为图片。
联机与存档。WebSocket 房间对战、游客与昵称身份、存档读档删档、在线人数展示、断线重连。
运营后台。玩家列表管理、日活新增统计图表、反馈收集与回复、现金流记录导出。
玩家的主线循环是掷骰子移动、遇到事件做投资决策，买不买资产、贷不贷款、升不升级生意、配不配保险，慢慢把被动收入做高、现金流理顺，奔着财富自由目标去。市场事件模拟真实经济波动，带来策略和随机性。每一笔现金流都被记录下来，最后落到财务报表和人生报告里，玩家能直观感受到投资回报、杠杆和风险控制。
这个项目从 0 到 1 都是我一个人扛下来的，前后大概 235 次提交，边做边迭代。
我做的事。前端用 Phaser 3 + Vite + TypeScript 搭框架，把棋盘、卡牌、财务、市场这些玩法和财务引擎全部实现。后端用 Node.js 写，负责 WebSocket 实时通信、SQLite 持久化、存档昵称、运营统计和反馈接口。部署上线也自己搞，HTTPS/WSS 加一键部署脚本。上线之后根据真实玩家反馈持续修 bug、调界面动效、适配手机。
技术架构。前端 TypeScript + Phaser 3 + Vite，接了 pixi-live2d-display 做引导角色，html2canvas 生成人生报告图片。后端 Node.js + Express + WebSocket(ws) + better-sqlite3，esbuild 打包。前后端在 shared 目录共享数据类型和配置，整体前后端分离。前端按场景、管理器、UI 组件分层，后端靠 WebSocket 消息协议驱动房间、骰子、存档、市场事件。
难点和取舍。财务是整套系统里最吃功夫的部分，要把股票、房产、生意、保险、贷款多套资产体系都还原清楚，还要保证几十个弹窗视觉一致，我抽出了一套统一 UI 组件（面板、按钮、数字键盘 helper）。动效上做了骰子摇动、粒子庆祝、脉冲高亮、弹性入场，。麻烦集中在 多资产联动（贷款、买入、市场波动、结算）的数值一致性，以及旧存档兼容，都得小心翼翼。线上稳定性也是硬仗，WebSocket 断线重连、消息限流、并发上限、数据库 WAL 和缓存等都做了性能优化，安全性方面也对ssl做了配置。
评论