游戏使用说明:
1、截至目前,AI模型的正确率还无法满足100%,因此本游戏所涉知识也无法保证100%的正确率,只是在探索另一种学习方式而已。请大家务必以审慎的眼光使用,遇有疑问反复求索!

2.1 核心玩法
- 闯关规则:游戏分 15 个关卡,每关 10 道题,题目围绕高考高频词的 “搭配 / 用法 / 介词” 设计;
- 发音功能:点击单词旁的「🔊」按钮,播放标准美式发音,帮助记忆单词读法;
- 答题规则:选择正确答案→答对 + 10 积分,答错提示正确答案→点击「下一题」继续闯关;
- 进度保存:关闭页面 / 刷新后,闯关进度、积分、道具自动保存,无需重新开始。
2.2 奖励 & 道具系统
| 功能 | 操作方式 | 核心作用 |
|---|---|---|
| 提示卡 | 答题时点击「💡 提示」 | 显示单词搭配 / 用法提示(不直接给答案) |
| 跳过卡 | 答题时点击「跳过本题」 | 跳过不会的题,不扣积分 |
| 积分商店 | 点击「积分商店」 | 用积分兑换提示卡 / 跳过卡 / 完整版单词表 |
| 成就墙 | 点击「成就墙」 | 查看解锁的成就,增加闯关仪式感 |
2.3 奖励触发条件
- 即时奖励:连续答对 3 题→提示卡 ×1;连续答对 5 题→跳过卡 ×1;连续答对 10 题→积分 + 50;
- 关卡奖励:闯过第 1 关→解锁高频动词表;每闯过 3 关→积分 + 100 + 所有道具 ×1;
- 成就奖励:解锁 “答题小能手”“闯关小达人” 等 5 项成就,解锁后弹窗提示。
三、自定义修改指南(管理员)
3.1 添加更多单词
打开
word-game.js,找到wordBank数组,按以下格式补充单词{ word: "新增单词", // 如 "contribute" phonetic: "音标", // 如 "/kənˈtrɪbjuːt/" collocation: "核心搭配", // 如 "contribute to" questionType: "题型", // 如 "搭配选择/填空" question: "题目内容", // 如 "contribute 的正确搭配是?" correctAnswer: "正确答案", // 如 "contribute to" distractors: ["干扰项1", "干扰项2", "干扰项3"], // 如 ["contribute with", "contribute for", "contribute of"] hint: "提示语" // 如 "固定介词:to,表“促成/贡献”" }
3.2 调整奖励规则
| 修改目标 | 修改文件 | 关键函数 / 位置 |
|---|---|---|
| 即时奖励(连续答题) | word-game.js | triggerInstantReward 函数 |
| 关卡奖励 | word-game.js | triggerLevelReward 函数 |
| 积分兑换规则(如提示卡价格) | word-game.js | exchangeProp 函数(修改积分值) |
| 成就解锁条件 | word-game.js | achievements 数组(修改condition) |
| 游戏样式(颜色 / 字体) | word-game.css | 修改对应 CSS 类(如.container/.btn) |
3.3 新增学习资源奖励
- 打开
word-game.js,找到unlockedResources对象,新增资源:let unlockedResources = { verb: false, noun: false, phonetic: false, adj: false }; // 新增adj(形容词表)- 在
unlockResource函数中补充解锁逻辑:else if (type === "adj" && !unlockedResources.adj) { needScore=130; resourceName="高频形容词表"; }- 打开
word-game.html,在「积分商店」弹窗中新增兑换项:<div class="reward-item"> <span>高频形容词表(完整版)</span> <button class="reward-btn" onclick="unlockResource('adj')">130积分</button> </div>
四、常见问题解答
| 问题现象 | 解决方案 |
|---|---|
| 游戏页面空白 / 样式错乱 | 检查 CSS 文件路径是否正确,确保 3 个文件在同一目录,且 HTML 中link/script路径无误 |
| 发音功能失效 | 确保浏览器开启语音权限,Chrome/Firefox/Edge 均支持,Safari 需升级到最新版本 |
| 进度 / 道具不保存 | 浏览器禁用了 LocalStorage→开启后即可(设置→隐私和安全→网站设置→Cookie 和网站数据) |
| 嵌入 WordPress 后显示不全 | 调整 iframe 的height值,或在 CSS 中修改.container的max-width为 100% |
| 积分商店兑换无反应 | 检查 JS 文件中exchangeProp函数的积分值是否正确,确保积分足够兑换 |
五、注意事项
- 游戏基于前端开发,无需服务器安装 PHP / 数据库,所有数据保存在用户浏览器本地;
- 适配手机 / 平板 / 电脑,手机端打开自动适配界面;
- 如需批量添加单词,可整理成 Excel 后批量转换为 JS 数组格式,提高效率。
