一句话看懂
一款将英语单词拼写与钓鱼玩法结合的纯前端HTML5游戏。玩家通过拼写单词来“钓起”水中的鱼，在倒计时压力下完成拼写，获得分数和连击。游戏包含四级词书地图、错题复习和进度追踪，所有数据存储在本地浏览器中。
目标用户：需要系统背诵英语单词的小学至大学生，以及想利用碎片时间轻松复习词汇的成年人。
功能亮点
- 钓鱼拼词玩法：鱼从水底游上并吐出单词气泡，玩家在倒计时内拼写正确即可钓起鱼
- 四级词书地图：小学、初中、高中、大学四本词书对应不同钓鱼地点，难度递增，得分倍率从0.8x到2.0x
- 进度追踪与错题闭环：已学单词自动剔除，错题进入错题集，支持单独复习模式
- 五阶段状态机：抛竿、等待、咬钩、起竿/跑鱼，模拟真实钓鱼流程
- 三维配置系统：3种模式（经典/无尽/禅）×4种难度×4本词书，共48种组合
- 纯Canvas手绘场景：天空、水面、气泡、装饰鱼、码头、渔夫等全部逐帧绘制
- Web Audio API音效：零音频文件合成8种音效，包括水花、咬钩、起竿等
- 本地持久化：通过localStorage保存已学单词、错题集、历史记录和最高分
- image992×707 75.4 KB
- 四级词书地图系统 四本词书被设计成一座小岛上的四个钓鱼地点：小学池塘、初中河流、高中湖泊、大学海洋。地点之间用蜿蜒小路串联，词书越难、得分倍率越高（0.8x → 2.0x）。选词书就像选关，背单词的进度被可视化成地图上的探索路径。
需求 / 使用场景
- 学生需要系统背诵英语单词，但传统翻卡片式App枯燥，难以坚持
- 用户希望利用碎片时间轻松学习，无需下载注册，打开即玩
- 学习者需要即时反馈和持续的正向激励，以维持学习动力
- 用户需要可视化的学习进度追踪，了解已学内容和掌握程度
- 学习者需要针对错题进行专项复习，形成闭环巩固
- 用户希望学习过程有趣，能消解“学习软件”的刻板印象
- 是什么：一款纯前端网页游戏。整个游戏打包在单个 HTML 文件里，不依赖任何后端服务、不要求登录注册，浏览器打开即玩。学习数据通过 localStorage 保存在本地。
- image986×711 97.8 KB
- 面向谁：从小学到大学、需要系统背诵英语单词的学生群体；也适合想用碎片时间轻松复习词汇的成年人。
痛点洞察
- 传统背单词App多为翻卡片式机械重复，缺乏趣味性，一周后弃用率高
- 学习过程缺少即时反馈和情绪起伏，难以产生持续的正向刺激
- 教育游戏常陷入两难：要么好玩但学不到东西，要么教育性强但不好玩
- 许多学习工具需要下载、注册、联网，使用门槛高，不适合学生快速体验
- 单词学习进度不直观，用户难以感知自己的成长路径
- 错题没有有效的闭环机制，容易反复出错
- 重复，前三天热情高涨，一周后弃用率极高。痛点不在于记忆方法不对，而在于过程太无聊，缺少即时反馈和持续的正向刺激。学生需要的不只是"科学记忆曲线"，更是一个让人愿意每天打开的理由。 - 为什么做这个方向：教育游戏常见两个极端——要么好玩但学不到东西，要么教育属性强但不好玩。我想做的
- 典/无尽/禅），难度四选一（简单/普通/困难/大师），均带选中高亮态。 三个入口按钮：开始钓鱼、历史记录、错题集。 踩坑：模式/难度 key 不匹配 modeSettings 的 key 必须与 HTML 按钮 data-mode 一致，diffSettings 必须包含所有难度
- 要系统背诵英语单词的学生群体；也适合想用碎片时间轻松复习词汇的成年人。 - 主要功能：钓鱼拼词玩法 鱼从水底游上来，嘴里吐出单词气泡。玩家要在倒计时归零前正确拼写出单词，才能"收竿"把鱼钓上来。拼对加分、累积连击；拼错或超时则失去一条命。把"看见单词—回忆拼写—快速输入"这条认知
- 高。痛点不在于记忆方法不对，而在于过程太无聊，缺少即时反馈和持续的正向刺激。学生需要的不只是"科学记忆曲线"，更是一个让人愿意每天打开的理由。 - 为什么做这个方向：教育游戏常见两个极端——要么好玩但学不到东西，要么教育属性强但不好玩。我想做的是把两者拧在一起：用打字的速度和准确
可借鉴机会
- 将学习与游戏机制深度绑定，用打字速度和准确度作为操作输入，提供即时反馈和风险回报，可借鉴到其他知识记忆类产品
- 纯前端单文件零依赖的设计模式，极大降低使用门槛，适合教育场景快速分发，可推广至其他轻量级学习工具
- 词书地图系统将学习进度可视化为探索路径，增强长期目标感，可应用于课程学习或技能进阶产品
- 错题闭环与复习模式形成“错→对→清除”的循环，可借鉴到任何需要巩固记忆的学习产品中
来源信息
- 作者：风之子
- 赛道：生活娱乐
- 原帖链接：https://forum.trae.cn/t/topic/71080