# 班长，集合啦！

一个为二年级排队题制作的9×9积木棋盘小游戏。孩子自己当班长，通过排队、双向计数、补齐队伍、填写算式与解释数字，区分“第几”与“四周站着几人”，理解减1、加1和乘法的含义。

## 打开方式

双击 `dist/index.html`，使用新版 Edge、Chrome 等浏览器即可离线玩。不要单独移动HTML文件，须保留同目录下的 `game.js` 和 `styles.css`。

本地开发预览：在本目录运行 `node preview.mjs`，访问终端打印的 `http://127.0.0.1:4179`。按 Ctrl+C 关闭预览服务。

## 如何玩

LOGO旁有“第几逻辑”和“间隔逻辑”两个总按钮。默认进入第几逻辑，保留原题。切换时分别保留两种模式的当前题目、角色、关卡和排队进度；刷新后恢复默认原题。

- **第几逻辑**：两个方向的名次都包括本人，所以相加后减去重复的1次。
- **间隔逻辑**：题干改为“前面站着几人、后面站着几人、左边站着几人、右边站着几人”。先只数两边同学，再找出尚未算到的自己，整行、整列都要加1。

1. 根据题目点空格安排鲁鲁的前后同学；需要时点击“给我一点提示”显示本关脚印。两个方向分别数到鲁鲁，找出重复的一次。
2. 换成左右方向，验证同一个理由。
3. 逐个或逐行补齐队伍，再按行、按列观察总人数。
4. 填“○×○＝□（人）”，再解释数字的意思。

原题答案：`(4+3−1)×(3+3−1)=6×5=30（人）`。按行分组也可写 `5×6=30（人）`。

间隔模式第一题使用周围人数4、3、3、3：`(4+3+1)×(3+3+1)=8×7=56（人）`。

## 操作选项

- **左收起 / 左展开**：隐藏或恢复左侧“老师的小任务”和“班长的发现”，收起后题目与棋盘占满内容区宽度。此按钮与“导航收起”独立切换，两边同时收起时仍保留展开按钮，已摆好的同学、答案和进度保留。两种逻辑及手机布局均适用；刷新后默认展开。
- **读题目与解题工具**：题干标题统一为“读题目”；“今日班长”提示卡新增“解题工具：读题目→划重点→演算→写答案”，两种逻辑均显示，手机端也保留。
- **导航收起 / 导航展开**：顶部按钮同时隐藏或恢复 LOGO、逻辑切换、工具栏、标题说明与闯关步骤；按钮本身保持可见。完整题目、操场、当前答案和排队进度保留，可以在收起后继续操作。第几逻辑和间隔逻辑都适用；刷新后默认展开。
- **题目在操场顶部**：完整题干直接展开，字号放大，方位和名次默认黑色。
- **划重点 / 继续划重点**：第一次把方位和名次数字标蓝，第二次追加标蓝“每行人数相同、每列人数相同”。再次点击可取消标色。生成新题时恢复黑色。
- **设置**：先选择鲁鲁、北杭、希希、子浩、养帆或文鹤，再填写前、后、左、右的名次，点击“生成题目”。题目、红色小人标签、老师提示、数字、行列人数和答案同步更新。名次必须是1～9的整数，组成的队伍不能超过9行或9列。
- 间隔模式的设置改为填写四周各站着几人，每项允许0～8的整数；前后或左右人数加上自己后不得超过9人。四周均0人时，队伍只有本人。
- **语音关/开**：自动朗读新提示，默认关；小喇叭只读当前提示。浏览器没有可用的中文语音时，请家长代读，不影响其他功能。
- **轻动画/少动画**：减少放置与庆祝效果，并缩短计数等待；遵循系统减少动画设置。
- **歇一会**：暂停当前动画并保留本页进度，关闭窗口后继续。浏览器标签页转到后台也暂停。
- **给我一点提示**：脚印默认隐藏，排队时点击才显示本关尚未站人的位置，并用金色边框指出下一步；前后关只显示竖列，左右关只显示横行，补齐关只显示长方形缺位。可不请求提示，直接根据题意点空格排队。进入新关、重玩或换题时重新隐藏。答题时提供概念提示，不扣分。
- 老师卡片按“当前问题 → 操作/答案选项 → 反馈 → 说明与公式 → 提示按钮”的顺序显示。
- **公式数字联动**：鼠标指向公式里的数字，右侧高亮对应同学，其余同学淡化。前后/左右两个加数各自从对应方向数到角色，两个区域都包含角色；减去的1只对应角色本人。鼠标移开恢复；点选数字可保留高亮，再点一次、点其他位置或按Esc取消。也可用Tab聚焦、Enter点选。高亮只用于观察，不改变站位、人数或脚印提示状态。乘法中的人数、行列数与总人数也可查看对应分组。
- 间隔模式的两个加数只高亮对应侧的同学，不包含本人；加上的1只高亮红色角色。数字0不高亮任何小人，行列总人数包含本人。
- **重玩本关**：清除本关及后续关卡进度，从当前关重新推导。
- 顶部进度可以回看已完成关卡；通关后可以切换到预置新题。

生成新题会清除当前通关进度；仅关闭设置不会更改当前题目。重玩自定义题会保留本题的角色与名次。进度与自定义题只保存在当前打开的页面内，刷新或关闭页面会重置为默认鲁鲁原题。游戏不采集身份和学习数据，无需登录即可在本地运行。在线托管版的访问规则由托管平台决定。

## 陪玩建议

让孩子主导操作，老师每次只读一个任务。答对后可以追问“为什么”“这个数字表示什么”。先完成一小段，按孩子状态选择休息；不强求在固定时间内通关。游戏并不宣称具备已验证的ADHD干预效果。

原有“四模块MECE”的表述已调整为四个相互配合的设计视角，移除对认知发展和ADHD学习类型的绝对化判断。设计参考[CDC课堂支持说明](https://www.cdc.gov/adhd/treatment/classroom.html)，具体效果需结合孩子表现观察。

## 文件

- `dist/index.html`：界面与家长指南。
- `dist/styles.css`：响应式样式、棋盘和低刺激视觉规则。
- `dist/game.js`：关卡状态、原创积木人SVG、计数与暂停逻辑。
- `docs/优化后的完整提示词.md`：可再次交给AI或开发人员的完整制作提示词。
- `docs/验证记录.md`：实际检查范围和结果。

人物按原创积木玩偶风格绘制，未使用LEGO官方图片或标识。