### 游戏 2：《时间大富翁》—— 时间管理训练棋盘策略 H5 游戏 #### 1. 核心定位与教育目标 - 产品属性：面向小学六年级的**教育型多人回合制棋盘策略 H5 游戏**，专为心理团辅课时间管理主题设计 - 训练目标：通过游戏化的正向强化与负向反馈，帮助学生识别高效 / 拖延行为的时间代价，理解精力管理与社交支持对时间效率的增益，建立「行为选择→时间积累→目标趋近」的认知逻辑 - 单局时长：6-8 分钟，适配班级小组竞技的团辅环节时长 #### 2. 核心玩法与核心循环 - 玩法范式：**回合制路径前进 + 事件驱动 + 双资源管理**的轻量化大富翁范式，剔除复杂交易机制，全程聚焦时间管理主题 - 参与规模：支持 2-4 组同时竞技（匹配班级常规小组划分），每组共享 1 枚棋子，组内轮流执行操作 - 核心游戏循环： 回合启动→掷骰子生成随机步数→棋子沿格点路径位移→触发落点格子事件→结算资源 / 位置变更→回合权限交接→循环直至队伍抵达终点 #### 3. 棋盘空间与叙事设计 - 棋盘规格：6×6 网格化棋盘，采用**蛇形递进路径**（共 32 个有效格，含起点、终点），空间叙事对应「日常行动积累→长期梦想达成」的时间增长逻辑 - 路径锚点： - 起点格（第 1 格）：「晨起出发」，位于棋盘左下角，锚定一日时间规划的开端 - 终点格（第 32 格）：「梦想达成」，位于棋盘右上角，为游戏最终目标节点 - 路径中段嵌入校园学习、课后任务、休闲运动等场景化叙事格，强化学生的生活代入感 - 格子密度配比：高效格 25%、拖延格 20%、运动格 15%、随机事件格 25%、求助格 10%、空白过渡格 5%，保证事件触发频率均衡，游戏节奏张弛有度 #### 4. 事件系统与资源机制 游戏内置**双资源体系**：「自由时间值」与「能量值」，所有格子事件均围绕资源结算、位置变更设计，精准映射时间管理核心要素： 1. **绿色高效格（正强化事件）** - 视觉标识：草绿色填充 + 对勾图标 - 事件效果：基础奖励「自由时间 + 30 分钟」，同时触发「前进 2 格」的额外位移奖励 - 设计逻辑：对应专注学习、高效完成任务等行为，通过双重奖励强化高效行为的正向价值 2. **红色拖延格（负惩罚事件）** - 视觉标识：砖红色填充 + 拖延时钟图标 - 事件效果：基础惩罚「自由时间 - 10 分钟」，同时触发「后退 1 格」的位移惩罚 - 抵消机制：若队伍持有≥1 点能量值，可选择消耗 1 点能量抵消本次全部负面效果 - 设计逻辑：对应磨蹭、分心、拖延等行为，建立行为代价认知，同时预留精力管理的补救路径 3. **蓝色运动格（精力补给事件）** - 视觉标识：天蓝色填充 + 跑步小人图标 - 事件效果：「能量值 + 1」，单队能量值上限为 3 点 - 设计逻辑：映射「运动恢复精力、提升执行效率」的时间管理原理，传递 “精力是时间效率基础” 的认知 4. **黄色随机事件格（不确定性事件）** - 视觉标识：明黄色填充 + 问号卡牌图标 - 触发机制：落点后抽取随机事件卡，卡牌库共 12 张，正负事件占比 6:4，内容全部贴合六年级学生日常场景 - 卡牌示例：正向如「主动完成预习，自由时间 + 20 分钟」「高效整理书包，额外掷 1 次骰子」；负向如「课间分心忘写作业，自由时间 - 15 分钟」「找物品浪费时间，原地停留 1 回合」 - 设计逻辑：模拟生活中的时间意外，训练学生的规划应变意识 5. **紫色求助格（社交支持事件）** - 视觉标识：香芋紫填充 + 举手求助图标 - 事件效果：获得 1 张「求助卡」，可在任意己方回合使用，效果为：向任意小组请教 1 个时间管理问题，并额外前进 1 格 - 设计逻辑：融入团辅课社交属性，传递 “主动求助是高效解决问题的方式” 的心理理念 #### 5. 胜负判定与结算机制 - 胜利规则：采用**双维度判定**，优先以**率先抵达终点格**的队伍为冠军；若多队同回合抵达终点，则对比累计「自由时间值」，数值更高者获胜 - 结算展示：游戏结束后弹出结算面板，展示各队伍的抵达排名、累计自由时间、事件触发统计，方便教师引导复盘 #### 6. 交互与反馈设计 - 核心操作：单按钮交互「掷骰子」，操作门槛极低，适配小学生操作习惯 - 分层反馈体系： 1. 骰子阶段：点击后执行 1.2 秒 3D 滚动动画，数字快速切换，最终定格时伴随音效反馈 2. 移动阶段：棋子沿格子执行**ease-in-out 缓动位移**，单格移动时长 0.3 秒，路径连续顺滑，移动过程中锁定操作按钮 3. 事件触发：落点后格子高亮闪烁 0.5 秒，弹出事件气泡弹窗，资源数值变化搭配滚动数字动效 - 状态面板：棋盘顶部常驻状态栏，实时显示当前回合队伍、各队自由时间值、能量值、求助卡数量 #### 7. 视觉与技术实现 - 美术风格：Q 版卡通扁平化风格，高饱和度马卡龙色系，契合小学生审美与心理课活泼氛围 - 元素规范：4 款差异化卡通小人棋子，自带行走帧动画；棋盘格子带轻微阴影与圆角，强化立体感 - 技术方案：纯前端实现（HTML5 + CSS3 + 原生 JavaScript），无第三方引擎依赖 - 布局：CSS Grid 实现 6×6 网格系统，DOM 元素渲染棋盘与 UI - 动效：CSS 3D Transform 实现骰子旋转动画，CSS Transition/Animation 实现棋子移动与事件微反馈 - 状态管理：前端有限状态机管控游戏回合、队伍资源、棋盘位置等核心数据，支持一键重置开局 - 适配：响应式布局，兼容教室投影、学生平板等多设备全屏展示