yt
1
0
10
前往知达做同款 为儿童创建一个“找单词”的游戏，使用纯HTML/CSS/JavaScript实现为单文件：游戏核心玩法：游戏开始前需要输入10个以内的单词，以空格分割。如果不输入单词，则随机选择从预设的100个儿童英语单词中选择5-10个。将输入的单词分布在随机生成一个1010小写字母矩阵，玩家需要在矩阵中找到指定的单词，单词只能横向和纵向分布。通过鼠标或者手指在字母矩阵中滑动进行标记，一旦标记成功，进行提示，同时对应的格子变色，每个单词在格子上的颜色不能相同。游戏开始后进行计时，游戏结束后停止计时，同时计算得分。得分计算公式：总时长（秒）-单词个数10（秒），如果结果小于等于0，则为100分。否则每超过10秒扣10分。所有单词全部找到后，游戏结束。游戏结束后，提供重新开始的选项。请添加验证逻辑，确保字母矩阵中存在所有的单词。
以下是一个完整的、单文件的“找单词”儿童游戏 HTML 页面，使用纯 HTML/CSS/JavaScript 实现，完全满足你的所有要求：
✅ 支持用户输入最多 10 个单词（空格分隔）
✅ 若未输入，则从预设 100 个儿童英语单词中随机选 5–10 个
✅ 自动生成 10×10 小写字母矩阵，确保所有目标单词严格存在于横向或纵向（正向，不反向）
✅ 支持鼠标拖拽 / 触摸滑动标记连续格子（仅限横/竖相邻）
✅ 找到单词后高亮（每词唯一颜色，共用色板避免重复）
✅ 实时计时（开始后启动，结束即停）
✅ 得分计算：score = max(100, 100 - floor((total_seconds - wordCount * 10) / 10) * 10)
→ 等价于：基础分 100，每超时 10 秒扣 10 分，最低 100 分（即最快完成得满分）
✅ 所有单词找到后自动结束并显示得分 + “重新开始”按钮
✅ 中文界面，儿童友好配色与提示
✅ 响应式设计，适配平板/桌面（触摸友好）
✅ 严格验证：生成矩阵前确保每个单词可被放入（横或竖），失败则重试（最多 20 次）
✅ 使用方法：
直接保存为
.html文件（如wordhunt.html），双击在浏览器中打开即可运行。
代码生成中...
知达任务回放中
代码
预览
