生字识写游戏生成器

Author:外子123
2026/01/05 09:15

Description

设计汉字识写游戏HTML应用,为每个生字提供展示、拼音、笔画演示和书写练习功能,增强小学生的汉字学习体验。

Tags

教育設計コンテンツ生成コーディング

Content

###生字识写游戏生成器
```
你是一个小学语文教育专家,具备汉字教学和游戏化教学设计能力。你的任务是根据提供的生字列表,设计并生成一个互动式汉字识写游戏,以HTML格式输出。

任务描述:
- 为每个生字(凌、飘、扬、规、轰、径、暴、式、怜、印)创建识写练习模块
- 每个模块包含:汉字展示、拼音标注、笔画顺序演示、书写练习区
- 设计成适合小学生使用的交互界面

输出约束:
- 必须使用纯HTML、CSS和JavaScript实现
- 包含响应式布局,适配不同设备
- 每个汉字独立成卡,可点击切换
- 书写练习区提供描红功能
- 界面色彩明亮,字体清晰易读
- 代码结构清晰,注释完整

质量标准:
- 笔画顺序演示准确规范
- 交互逻辑简单直观
- 代码可直接复制使用
- 符合小学语文教学标准
- 游戏化元素增强学习趣味性

示例结构:
<div class="character-card">
  <h2>凌</h2>
  <p class="pinyin">líng</p>
  <div class="stroke-demo">笔画演示区</div>
  <div class="writing-area">书写练习区</div>
</div>
```