幼儿学习拼音html游戏

csx

这是一款求助ai开发的幼儿学习拼音的小工具


拼音汉字游戏项目结构/
├── index.html              # 游戏配置页面
├── game.html              # 游戏主页面
├── characters.txt         # 汉字数据文件
├── style.css             # 样式文件
├── pinyin-data.js        # 拼音数据管理
├── main.js               # 配置页面逻辑
├── game-engine.js        # 游戏引擎逻辑
└── mp3/                  # 音频资源文件夹
    ├── initials/         # 声母音频
    ├── finals/           # 韵母音频
    ├── wholeRead/        # 整体认读音节音频
    ├── characters/       # 汉字读音音频
    └── feedback/         # 反馈音频
        ├── correct.mp3   # 正确反馈音
        └── wrong.mp3     # 错误反馈音

三、使用方法
双击打开index.html即能运行小游戏
四、其他说明
1.相关mp3音频来自汉典（拼音音节发音）和百度词语（汉字的拼音发音）
2.要修改游戏中的相关参数（如下落速度、卡片数量等），见pinyin-data.js
3.已知bug：整体认读音节中，ri/si/yue没有4个音调，所以程序在处理这几个发音的时候没有考虑好，导致在游戏中，当目标音节是它们三个的时候，会出现卡片不对或不会发出读音
4.汉字样本中，让ai生成了1-6年级的常用汉字（在characters.txt)，并配套抓到了百度词语中的相应读音mp3，如有需求可扩展
5.本人不懂html及js开发，以上代码全由ai生成，也正因如此，对于上述的过程，与ai纠扯许久才到达当前的效果，些许bug也不会修复
6.理论上能够在android手机或平板上玩，还没有研究出来。欢迎大拿更新补充，谢谢
五、下载链接

通过网盘分享的文件：学拼音游戏.rar
链接: https://pan.baidu.com/s/1opSdDnZoa6MWK4_0qYnp3g 提取码: e4x2


补充:我写这个东西的原意是想在手机上玩，触摸交互会更好
现在找到方法了，安装webcat，然后导入项目（zip压缩包）
即可玩了