rxl196/incident-game

# 生产事故响应模拟器 这是一款基于浏览器的培训游戏，专为跨职能数字团队设计。玩家将模拟处理一起真实的生产事故——一起影响移动端用户的部署后结账问题，并在四个团队角色中选择一个进行决策。 该项目使用纯 HTML、CSS 和 JavaScript 构建。不依赖任何框架，不需要构建工具，也没有后端。专为在 GitHub Pages 上托管而设计。 ## 游戏玩法 玩家选择一个角色，并依次完成 **5 个决策回合**： 1. 收到初始报告 2. 影响评估 3. 调查与分流 4. 响应决策 5. 后续跟进与沟通 每个回合都会提供一个事故更新和三个选项。系统会根据每次决策的质量进行打分，并提供简短的反馈来说明结果。最终得分将对应五个绩效评级之一。 ## 角色 | 角色 | 侧重点 | |---|---| | **Developer** | 日志、根因分析、修复方案 | | **Business Analyst** | 需求、用户路径、业务影响 | | **Project Manager** | 协调、责任人、利益相关者更新 | | **Digital Delivery Manager** | 严重程度、升级、团队对齐、管理层沟通 | ## 评分 | 分数 | 评级 | |---|---| | 45–50 | 事故响应全明星 | | 35–44 | 优秀的协作者 | | 25–34 | 扎实的贡献者 | | 15–24 | 需要更多练习 | | 0–14 | 高风险响应者 | ## 文件 ``` index.html — App shell and screen structure styles.css — Responsive, accessible styling script.js — Game logic and all scenario content ``` ## 本地运行 在浏览器中直接打开 `index.html` 即可——无需安装或运行服务器。 ## 在 GitHub Pages 上托管 1. 将仓库推送到 GitHub 2. 进入 **Settings → Pages** 3. 将源分支设置为 `main`，文件夹设置为 `/ (root)` 4. 游戏将在 `https://.github.io/` 上线

标签：HTML/CSS/JavaScript, 团队协作, 培训游戏, 多模态安全, 数据可视化, 纯前端, 自定义脚本, 运维培训