现 场 限 定 挑 战 · 作 战 看 板

12 小时协同开发 1 款 H5 游戏 v2

6 人精确分工 · 玩法原创 · 70% 基础设施复用 · 用流程把风险压死

6 人确认
🎮 平台 Vue3 H5
⏱ 限时 12 小时
🏆 评审看重 多人 / 互动 / 极短局
🔌 端口 3104 · game-005
✓
三条已敲定前提
不再讨论，直接执行
前提 1 · 玩法

全新原创，不换皮

做全新 game-005。玩法由全员头脑风暴 + 投票决定，不是超拍板。换皮太水拿不到创意分。

前提 2 · 工程

基础设施 70% 复用

参考案例（game-001~004）的房间/扫码/重连/惩罚/结算/音效/部署/通信协议——当底座 SDK 用，不重写。

前提 3 · 部署

模拟登录 + 直接公网

登录走模拟登录（输昵称即进），跳过微信 OAuth。直接部署公网服务器，不走局域网，评审有网即可扫码参与。

1
题眼：为什么选这类游戏
评审维度直接把形态锁死

评审最看重的维度

完成度/可玩创意/主题 现场演示美术/视听 互动性多人参与单局极短
→

⟶ 锁定形态

「大屏当主舞台 + 手机扫码当手柄」
的派对游戏

Jackbox / Kahoot 范式 —— 评审当场掏手机一起玩一局，互动·多人·演示三维一次拿满。

2
玩法原创设计
T0.5–T1.5 全员头脑风暴 → 投票锁定

先选「实时同步层级」

决定后端复杂度——这是唯一技术风险来源。玩法内容自由发挥，层级尽量落在前三档。
层级原创玩法可以是难度荐
投票/抢答答题/竞猜/创作/投票类低⭐⭐⭐
回合制积分竞技/合作/你猜我出类低-中⭐⭐⭐
轮流淘汰淘汰/传递/押注类低⭐⭐
高频同屏竞速/弹球/贪吃蛇高 ⚠️⭐

再选「基础设施底座」

与玩法内容无关。fork 唯一目的 = 拿脚手架，掏空游戏逻辑写原创的。
案例自带能力荐
game-001默认积分+轮次+惩罚+再来一局，最全⭐⭐⭐
game-004投票骨架+轮次+积分⭐⭐
002/003淘汰/回合，较精简⭐

默认 fork game-001。把 gameLogic.js + 游戏界面整个换成原创玩法；需投票机制再去 game-004 抄。

底座自带（直接继承，不重写）
🏠房间码生成 / 管理 / 30分钟自动清理复制即用
📱扫码加入 / 队长判定与自动转移复制即用
🔄断线重连（无限重连 + relogin 状态恢复）复制即用
📡三端通信协议（规范第十三章，WS 事件全写死）规范即契约
🎰惩罚系统（题库 + 触发 + 30s 超时兜底）复制即用
📺TV 自适应缩放（1920×1080 → 任意屏幕）复制即用
🔊音效 / JSBridge + Web Audio 双回退复制即用
🚀部署脚本 / Nginx / PM2 / public 产物规范复制即用
✍️ 真正要原创的只有两样： ① 服务端 gameLogic.js 状态机 + gameHandler.js  ② TV端 GameBoard.vue / GameOverScreen.vue，手机端 GamePage.vue
3
6 人分工
看「能力要求」自选角色 · 三条线并行
指挥 / 制作人 × 1 · 超
已定 · 不写代码
控里程碑、居中协调、接口仲裁、演示串场。保证大家不跑偏。
T0 起：组织投票锁定玩法 + 主题 + 底座案例
后端中枢 × 1
写过 Node.js / 任意后端 · 懂 npm + git
fork 底座、写原创 gameLogic.js、管 git 主仓库、联调集成、PM2 部署。
T1.5 前：git clone game-001 → 跑通 → 分发骨架给两端
大屏端 TV × 1
能用 AI coding 写前端 · 会看 Vue 代码
GameBoard.vue 游戏主画面 + GameOverScreen.vue 结算，照规范第十三章写。
T1.5 后：先让大屏显示二维码+房间码+玩家列表
手机端 Controller × 1
能用 AI coding 写前端 · 会看 Vue 代码
GamePage.vue 操作交互 + PunishmentSelector.vue，照规范第十三章写。
T1.5 后：先让手机扫码进房、点按钮大屏有反应
美术 / UI / 视听 × 1
有视觉审美 · 会用 AI 生图生音
主题视觉、TV 大屏美化、AI 生图/BGM/音效、海报宣传片，贯穿全程。
T1 后：出主题视觉风格 + 1 张大屏背景，喂给 TV 端
内容 / 测试 / 群演 × 1
细心 · 愿意做重复性工作
AI 批量灌题库（纯改字符串，无需编程）、搬素材、找 bug、彩排群演、录兜底视频。
T1 后：学会扫码进房，开始灌 30+ 条题库

💡 不会 git 的人不碰 git——代码走 GitHub，产出（题库/图/音）丢微信群/网盘，后端统一合并。

4
12 小时时间线
可玩优先于完整 · 砍需求是美德 · 里程碑是红线不是建议
T0 布场
T0.5 投票
T1.5 底座
T2.5–7 开发
T7–8 可玩
T8–10 打磨
T10–11 冻结
T11–12 彩排
T0–T0.5
分工 + 布置场地
6 人认领角色，设备到位、网络通、屏幕共享就绪，工具链确认可用。
T0.5–T1.5
确定游戏玩法（全员投票）
每人提案，头脑风暴讨论，投票选出玩法 + 主题，同时定底座案例（默认 game-001）。不是超拍板。
⚠️ T1.5 必须投票锁定，不拖
T1.5–T2.5
底座跑通 → 垂直切片（定海神针）
后端 fork 底座，本地跑通，大屏扫码进房全链路验证。骨架分发给 TV 端和手机端，两端开始并行。
T2.5–T7
三线并行核心开发
后端写原创 gameLogic.js；TV 端重写 GameBoard；手机端重写 GamePage。各自照规范第十三章 mock 对方，不互相等。美术同步出视觉，内容灌题库。
T5 一次中途集成对齐，暴露问题早修
T7–T8
第一次端到端
能完整跑通一局（含惩罚 + 结算 + 再来一局），哪怕很丑。
⚠️ T8 必须有可玩版 —— 硬红线
T8–T10
打磨（加分阶段）
美术换皮上身、题库填满（≥30条）、加音效 BGM、调手感、修 bug。不许动核心架构。
T10–T11
冻结 + 部署
停止加功能，只修崩溃级 bug。稳定版推送公网服务器，验证可访问 + 手机扫码正常。
⚠️ T10 后不准加新功能
T11–T12
彩排
完整走查演示 ≥3 遍，定话术，所有人手机连公网测一遍，录好兜底视频。演示翻车 = 前面白做。
5
技术方案
定死不换 · 直接走公网
📺 TV 端Vue3 + Vite8
web-tv-uniapp
⇄ WS /ws
🖥 后端Node + Express5 + Socket.IO4
port 3104 · game-005
⇄ WS /ws
📱 手机端Vue3 + Vite8
web-mobile-uniapp
公网部署（唯一方式）
超的临时服务器。按规范十八章 deploy.sh 构建，产物到 public/game-005/{tv,mobile}，PM2 守护后端，Nginx 反代。
演示二维码直接指向公网地址，评审手机有网即可扫码参与，无需连现场热点。

🔑 登录：模拟登录（LoginHandler.vue 走 isDev 分支，输昵称即进）—— 跳过微信 OAuth，省去域名/公众号配置。

6
协同三铁律
解决「工具杂 + 有人不会 git」
1

接口契约 = 规范第十三章，不用另造

所有 WS 事件（room.join / game.started / game.state / game.punish-* / game.over）格式已写死在《游戏开发规范》第十三章，谁写代码先翻它。

无需开会冻结接口——规范就是唯一真理来源，节省约 1 小时。
2

会 git 的人管仓库，不会的不碰

只有后端管 git。不会 git 的人产出（题库/图/音/文案）丢微信群/网盘，后端统一合并。别花时间教 git。

3

共享大屏看实时进度

现场摆一个大屏常驻显示 main 最新部署版，谁合进去全员立刻看到效果，问题早暴露。三条开发线物理分屏并行。

7
给超的 6 条心法
  1. 超的 KPI 是 「按时演示出能玩的东西」，不是「功能多」。全程盯里程碑，到点就砍。
  2. T0.5–T1.5 的投票环节要高效推进——给每人 5 分钟提案，然后直接投票，别无限讨论。玩法拖不定，后面全乱。
  3. T1.5 后端把底座跑起来是全天最关键动作。两端拿到骨架才能并行，等骨架 = 全线停工。
  4. 垂直切片 > 水平铺开。先让最窄的一局全链路跑通，再加宽，别各自憋大招到最后集不成。
  5. 让 没技术的人有明确产出（灌题库、找 bug、当彩排群演）—— 人人有事干，士气和内容都有了。
  6. 演示当场让评审掏手机一起玩一局 —— 全场最大杀招。互动/多人/现场演示三维一次拿满。彩排必须练顺。
✓
验收清单
点一下打勾 · 进度本地保存