平安镇日记——沉浸式基层民警工作模拟器

【标签】 按所选赛道选择话题标签:社会服务、社会公益

【标题】 【社会服务、社会公益】平安镇日记——沉浸式基层民警工作模拟器
(示例:【生活娱乐赛道】+XXXX

【正文】 至少包含以下 4 个部分,可以增加额外的部分(比如自我介绍、经验总结、踩坑复盘等)

0. 先和大家打个招呼吧 :waving_hand:

  • 你是谁: 你好,我是一名基层民警,在城乡结合部派出所工作多年,每天打交道的就是噪音纠纷、家庭矛盾、盗窃诈骗、老人迷路这些"鸡毛蒜皮"的小案。

    这份工作外人看着简单,但只有真正穿过这身警服才知道:为什么出警必须两个人、为什么执法记录仪一分钟都不能关、为什么一句"您先消消气"比十句法律条文都管用。可这些道理,跟群众说一百遍他们也没法感同身受——没经历过,就不可能真正理解。

    我一直想找个办法,让普通人能"走进"派出所,亲身体验一下我们每天面对的场景。但我不会写代码,之前总觉得这是专业程序员才能做的事。直到遇到 TRAE Work,我像跟一个懂技术的战友聊天一样,把工作中遇到的真实案例一句句讲给它听:“第一天报到时,带我的老辅警主动来领我去见所长”“出警前必须检查装备,缺了执法记录仪证据就无效”“深夜值班的警情比白天多得多,体力消耗也翻倍”……这些我亲身经历过的细节,TRAE 不仅听懂了,还帮我一步步变成了可运行的游戏画面。

    最让我惊喜的是 Plan 模式——每次提需求,TRAE 会先写出详细计划,列出每一处改动的原因和验证步骤,等我确认后再执行。这种"先想清楚再动手"的方式特别对警察的胃口,我们办案讲究程序规范,TRAE 写代码也一样严谨。我一个完全不懂编程的基层民警,硬是在 TRAE 的帮助下,做出了一个包含 26 个代码文件、13 个系统模块、27 个真实案件的游戏。整个开发过程经历了 6 轮功能迭代、4 轮 BUG 修复,从最初的骨架到如今能完整体验 30 天剧情的成品——TRAE 帮我跨过了"从 0 到 1"那道最难的坎,也让"让更多人理解基层民警"这个心愿变成了现实。

1. Demo 简介

  • 是什么:一款基于 Phaser 3.80.1 引擎的网页端沉浸式角色扮演游戏(Web RPG),纯前端实现,浏览器即开即玩,无需下载安装。

  • 面向谁:对基层民警工作好奇或存在误解的普通公众
    需要模拟实战场景的警校/法学院学生
    刚入职、需要预演各类警情处置流程的新警

  • 主要功能:

  • 功能一:10 阶段标准化接处警流程
    还原公安部《公安机关接处警工作规范》,从接警→派警→装备检查→找人→出警→到达→亮明身份→调查取证→现场处置→受案归档,每个阶段都有规范检查。双人出警强制、装备缺失影响证据合法性、报警人签字流程,让玩家理解"为什么警察做事这么讲究程序"。

  • 功能二:24 小时值班制 + 27 个真实案件
    4 天一轮值班,含上午/午休/下午/夜间/深夜五个时段,夜间警情高发 60%、深夜 70%。27 个案件覆盖治安调解、治安案件、刑事案件、求助类、纠纷类五大类型——噪音纠纷、家庭矛盾、盗窃诈骗、老人迷路……都是城乡结合部派出所的真实日常。

  • 功能三:8 项属性成长 + 6 种结局
    玩家通过实际工作提升执法/沟通/观察/声望/体力 + 法律/社区/心理 8 项属性,30 天的每一个选择共同决定最终结局——优秀新警、调解能手、执法标兵、扎根基层、调离派出所、合格民警。配合 6 项成就系统,让每次游玩都有不同体验。

2. Demo 创作思路

  • 灵感来源:就来自我自己的日常工作。我在城乡结合部派出所干了多年,每天面对的不是影视剧里的枪林弹雨,而是噪音纠纷、停车矛盾、装修投诉、家庭争吵这些"鸡毛蒜皮"却关乎民生的小案。每次出警,群众看我们的眼神各不相同——有理解的,有抱怨的,也有觉得我们"管太宽"的。我想用互动游戏的形式,把这些真实场景搬进屏幕,让玩家"成为"民警,在一次次选择中亲身体会这份工作的不易。

  • 想解决的问题:公众对警察工作存在"只会罚款抓人"的刻板印象,警民之间缺乏理解;警校实训依赖角色扮演,成本高、场景单一,难以覆盖 27 种案件类型;新警跟班学习周期长,遇到复杂警情时经验不足,容易程序违规;普法宣传以图文为主,互动性弱,群众参与度低

  • 为什么做这个方向:游戏化普法比传统图文更有沉浸感,玩家通过"选择—后果"记住法律常识;Web 形态零部署成本,浏览器即开即玩,降低体验门槛,利于传播;社会服务赛道最能体现项目价值——这不是一款纯娱乐游戏,而是一座警民理解的桥梁;选择城乡结合部派出所而非刑侦/特警,是因为这才是 90% 基层民警的真实日常,最需要被看见.

3. Demo 体验地址(三选一)

  • 交互式 HTML 文件

    平安镇日记-Demo.zip (245.0 KB)

  • zip 包内含完整的可运行游戏,解压后双击 index.html 即可在浏览器中体验。也可用本地 HTTP 服务器启动:cd 解压目录
    python -m http.server 8000
    浏览器访问 http://localhost:8000/

  • 快速上手:W/A/S/D 移动,空格/E 交互,Shift 推动 NPC,M 打开小地图;新游戏 → 创建角色 → 与小周对话 → 小周带路去找所长 → 开始值班出警;T 键可开启 10 倍时间加速,快速体验多日流程.

4. TRAE 实践过程

  • 本项目从零开始,由一名基层民警借助 TRAE Work 完成 6 轮功能迭代 + 4 轮 BUG 修复,全部代码由 TRAE 协助生成。整个过程中,我负责提供真实的警务经验和场景需求,TRAE 负责将需求转化为可运行的代码:
    第 1 轮 基础架构搭建 6 场景 + 13 系统 + 5 数据模块 + NPC 实体,26 个 JS 文件
    第 2 轮 真实化重构 对照公安部规范重写 10 阶段接处警流程、27 案件、74 NPC、30 天剧情
    第 3 轮 出警规范扩展 双人出警强制、4 名辅警轮换、小地图探索系统、出警登记表与签字流程
    第 4 轮 沉浸感特性 警情状态时间放缓、逾期处理、跨地图 NPC 跟随、装备一人一份与重量系统
    第 5 轮 体验优化 对话去重、队友持续跟随、装备手动归还、NPC 按键推动、NPC 边界限制
    第 6 轮 BUG 修复 对话卡死、Shift 推动失控、消息队列凌乱、小周带路落空

  • 步骤 1:项目初始化与架构设计:向 TRAE 描述需求后,TRAE 进入 Plan 模式,先探索确认 Phaser 3 的场景生命周期、EventBus 模式、状态管理方案,输出详细计划文档。确认后一口气生成 26 个 JS 文件的基础骨架,通过 node --check 全部验证通过。

  • 步骤 2:真实化重构(最大规模一轮):对照公安部接处警规范,要求 TRAE 重写案件数据和流程。TRAE 生成了 27 个案件(含治安调解/治安案件/刑事案件/求助类/纠纷类)、74 个 NPC(含时段位置调度)、30 天主线剧情(三阶段弧线)、6 种结局判定。这一轮 16 个任务、417 项数据完整性检查全部通过。

  • 步骤 3:出警规范与辅警系统:要求实现双人出警强制检查、辅警轮换、小地图探索。TRAE 设计了 CallManager.dispatchCall 的 performFujingCheck 方法、基于 dutyCycleDay 的辅警轮换、3×3 网格小地图系统。修复了 showToast 参数顺序错误和事件监听缺失两个 BUG。

  • 步骤 4:沉浸感特性迭代:要求实现警情期间时间放缓、逾期处理、跨地图跟随。TRAE 引入了独立伙伴列表 state.player.partners(与 currentCall 解耦),结案后伙伴持续跟随,跨地图自动恢复。装备系统增加一人一份限制和重量影响体力消耗机制。

  • 步骤 5:BUG 修复与体验打磨:测试中发现 4 个问题:对话选"继续对话"卡死、Shift 推动 NPC 失控推到墙、消息同时弹出凌乱、小周说带路却站着不动。TRAE 逐一定位根因并修复:对话卡死:next 指向时段对象导致 currentDialogue[0] 为 undefined
    推动失控:每帧执行无冷却,改为 250ms 冷却 + 16px 固定距离
    消息凌乱:限制最多 3 条可见 + 等待队列 + 同类合并
    带路落空:新增 startLeading 方法,对话结束后 NPC 自动走向所长办公室

  • 以下为关键开发任务的对话 Session ID(双击 TRAE 对话可复制):

    Session ID:6a492ede3e95caf4305610d8(真实化重构 + 出警规范 + 沉浸感特性,7月5-6日)
    Session ID:6a492ede3e95caf4305610d8(对话去重与装备归还改进,7月7日)
    Session ID:6a492ede3e95caf4305610d8(BUG 修复与小周带路,7月10日)

5. 对应的报名审核通过的帖子链接

报名通过的帖子和我最后想做的项目不一样,我现在重新在报名去申请了一个,还在等待审核中。

4 个赞


必须支持,

:saluting_face:

3 个赞

感谢战友,一起进步!:saluting_face:

4 个赞

主页面打开就是黑屏呀,玩不了啊博主。

3 个赞