古诗小火车
“古诗小火车” (Sentence Train) 适用场景: 古诗背诵、连词成句。 核心逻辑: 排序(Sortable List)。 界面布局: 屏幕中间有一条横向的**“铁轨”**。 铁轨上方悬浮着几节**“乱序的车厢”**,每节车厢上写着一个词或半句诗。 比如:《静夜思》—— [疑是] [明月光] [床前] [地上霜]。 玩法: 学生只能左右拖拽车厢来调整顺序。 视觉反馈(关键): 磁吸效果: 当车厢靠近正确位置时,会自动吸附过去。 连接动效: 当顺序排列正确(例如[床前][明月光]拼在一起)时,两节车厢之间的连接钩锁会变成绿色,并弹出一个“✅”的小气泡。 全对奖励: 当整句诗排列正确,小火车会从屏幕左边开到右边(CSS translateX 动画),并且车厢顶上冒出白色的蒸汽(CSS 粒子动画)。