📖 老师使用说明
Shirley's English Games 英语游乐园 · Teacher Guide(中文)
1. 这个网站是什么
这是一个给孩子们学英语的小游戏网站。首页有若干个游戏,学生点一下就能玩,电脑、平板、手机都可以 ,不需要安装任何软件。
游戏 内容 特点
🐛 贪吃毛毛虫Hungry Caterpillar 按正确的顺序吃掉单词(星期、数字、颜色、句子……),毛毛虫长大后变成蝴蝶飞走。 没有失败。 选错只会提示;连续错 2 次,正确的词会发光提示。适合低龄、零基础的孩子。
🐸 青蛙过河Lily Hop 看图片(或中文),跳到写着正确英文单词的荷叶上,穿过月光池塘。 没有失败。 看图选词,适合认词阶段。最后获得金皇冠。
🐝 小蜜蜂花园Bee Garden 听电脑读一个词,让小蜜蜂飞到写着这个词的花上,装满蜂蜜罐。 没有失败。 练习听力,最后出现彩虹和小蜜蜂家族。
🫧 泡泡拼单词Bubble Spell 看图、听音,按顺序点字母泡泡拼出单词。 没有失败。 练习拼写,每拼对一个词来一条小鱼,最后打开宝箱。
🐉 龙蛋配对Dragon Eggs 翻开两颗蛋,找到“英文单词 ↔ 图片”的一对。 没有失败。 记忆配对游戏,每对孵出一条小龙,最后龙妈妈出场。
🍦 叠冰淇淋Ice Cream Tower 电脑说出一个颜色(或口味),孩子把这个颜色的冰淇淋球拖到蛋筒上(也可以直接点)。 没有失败。 练习颜色词,叠 3~7 个球后加奶油和樱桃。
🦈 莎莉和鲨鱼Shirley & the Shark 回答关于鲨鱼和英语语法(B1 水平)的问题。 答错鲨鱼会靠近,适合水平较高的学生。
💡 以后还会增加新游戏 新游戏会出现在首页,并且都会在“老师后台”里有自己的编辑页面。
2. 学生怎么玩
🔑 首页的密码 网站首页只有学校介绍和一个输入框 。学生输入老师给的学生密码 ,就能看到并打开所有游戏;没有密码的人看不到游戏。学生密码在老师后台的“🔑 学生密码”里创建(见第 3 节)。同一台设备 30 天内不需要再输入;点击游戏列表下面的“退出”可以清除。
进入游戏
打开网站首页,在输入框里输入老师给的密码,点击“进入 Go”。
出现游戏列表,点一个游戏开始玩。
💡 提示按钮(所有游戏) 默认情况下所有提示都是隐藏的 :不显示中文翻译,选错了也不会自动发光。孩子需要帮助时,点击上方的黄色 💡 按钮——正确答案会发光并读出来。点 中 可以打开中文翻译。老师可以在后台为每个游戏打开“自动提示”(见 5.5)。
🐛 贪吃毛毛虫
在首页点击“毛毛虫”,输入自己的名字,点击“出发”。
选一个故事(比如 “Days of the week”)。
毛毛虫头上的泡泡会告诉你起始词 。屏幕中间有很多彩色圆球,每个圆球是一个英语单词,上面还有图标和中文意思。
点击下一个正确的单词 ,毛毛虫就会把它吃掉,身体变长,同时电脑会读出这个单词。
点错了:圆球会抖一下,毛毛虫摇头,没有任何惩罚。连续点错 2 次,正确的圆球会发光并出现小手指 👆。 孩子长时间不点,也会自动提示。
全部吃完后:毛毛虫结成茧 → 睡觉 → 破茧而出 → 蝴蝶说 “Thank you!”(谢谢你)→ 挥手飞走。孩子会得到一只新蝴蝶 。
每个故事的蝴蝶颜色不同,收集在“🦋 我的蝴蝶”相册里(保存在孩子自己的设备上)。
小提示 顶部的 中 按钮可以打开/关闭中文翻译,🔊 按钮可以静音,点击屏幕上方的句子可以再听一遍读音。
🐸 青蛙过河
上方的卡片显示一张图片(或中文),点 🔊 可以听读音。
前面有 2~3 片荷叶,每片写着一个英文词。点正确的荷叶,青蛙就跳过去,电脑读出这个词。
点错了:荷叶会沉下去,青蛙摇头;连续错 2 次,正确的荷叶会发光,萤火虫飞过去提示。
所有词都答完,青蛙跳上金色莲花,戴上皇冠,烟花庆祝。皇冠收集在“我的皇冠”里。
🐝 小蜜蜂花园
电脑读出一个英文词(点上方橙色的 🔊 Listen 听一听 可以再听)。
草地上长出几朵花,每朵花写着一个词。点正确的花,小蜜蜂飞过去采蜜,再把蜂蜜送进左下角的罐子。
点错了:花会凋谢,电脑先读出孩子点的词,再读一遍正确的词,方便对比;错 2 次后正确的花会发光,小蜜蜂飞到它上方。
罐子装满后出现彩虹、花海和小蜜蜂家族。蜂蜜罐收集在“我的蜂蜜罐”里。
🫧 泡泡拼单词
卡片上有图片、中文和空格子,电脑读出单词。
水里漂着带字母的泡泡。按顺序点字母,泡泡会飞进格子。黄色的格子是下一个要填的位置。
点错了:泡泡会摇一摇弹开;错 2 次后,正确的泡泡会发光。
每拼对一个词,就有一条新小鱼游进来。全部拼完,宝箱打开,鱼群转圈庆祝。珍珠收集在“我的珍珠”里。
🐉 龙蛋配对
每次点两颗蛋。一颗蛋里是英文词(电脑会读出来),另一颗里是图片或中文。
如果是同一个词的单词和图片,就配对成功,孵出一条小龙飞到上方的树枝上。
不是一对:两颗蛋晃一晃再合上,没有惩罚。连续几次没配对,会有一对蛋短暂发光提示。
全部配对后,龙妈妈飞来喷出彩虹火花。金龙蛋收集在“我的龙蛋”里。
🍦 叠冰淇淋
蛋筒宝宝说出想要的颜色,例如 “Red, please!”,上方卡片写着这个英文词(点 🔊 可以再听)。
下面的冰柜里有几种颜色的冰淇淋。用手指(或鼠标)把正确颜色的球拖到蛋筒上方的圆圈里 ;小朋友也可以直接点一下那个球。
放错了:球会弹回冰柜,蛋筒宝宝惊讶地说 “Not …!”,电脑读出孩子选的颜色;错 2 次后正确的冰淇淋会发光。
叠够设定的球数(3~7 个)后,加上奶油和樱桃,彩色糖粒和烟花庆祝。冰淇淋收集在“我的冰淇淋”里。
🦈 莎莉和鲨鱼
学生输入名字后回答问题,答对莎莉向海滩前进,答错鲨鱼靠近。答对全部问题莎莉就安全了。
3. 登录老师后台
打开网站首页,在同一个输入框里输入老师密码 ,点击“进入”,会直接打开老师后台(也可以打开网址后面加 /admin/ 再输入密码)。
老师密码只有老师知道,请不要告诉学生。第一次使用后建议在“🔑 学生密码 → 修改老师密码”里换一个新密码。
进入后可以看到 4 个标签页:
标签 作用
🔑 学生密码 创建、停用、删除学生密码(任何密码都能打开所有游戏,可以每个班一个);修改老师密码。
📊 成绩 查看所有学生的游戏记录、最常见的错误。
🐛 毛毛虫 · 🐸 青蛙过河 · 🐝 小蜜蜂 · 🫧 泡泡拼单词 · 🐉 龙蛋配对 · 🍦 叠冰淇淋 每个游戏都有自己的标签页:编辑故事、单词、发音和设置(编辑方法完全一样,见第 5 节)。
🦈 鲨鱼 说明如何编辑鲨鱼游戏的问题。
💻 本地运行 说明怎样不用网站、直接在电脑上运行游戏,并可以下载离线题目文件 local-config.js(见第 11 节)。
📖 使用说明 就是你现在看的这份说明(也可以单独打开 /teacher-guide.html,并支持打印)。
⚠️ 老师自己玩游戏 老师登录后打开游戏是“练习模式”,成绩不会被保存 ,可以放心试玩。
创建学生密码
打开“🔑 学生密码”。输入一个密码(至少 4 位,可以用字母、数字或汉字,例如 CLASS2),或点 “🎲 随机” 自动生成。
在“备注”里写上班级或学生名字,方便以后管理,点击“+ 添加”。
把密码告诉学生。表格里可以看到每个密码被使用了几次。
不想让某个密码继续使用:点“✅ 使用中”变成“⏸ 已停用”,或点“🗑 删除”。用这个密码的学生会立刻退出。
4. 看学生成绩
在“📊 成绩”页面:
顶部数字 :学生人数、完成的游戏数、错误总数;毛毛虫显示“完成了多少只蝴蝶”,鲨鱼显示“到达海滩/被吃掉”。
🔥 最常见的错误 :全班最容易错的词。✓ 是正确答案,✗ 是学生最常选的错误答案。这些词就是下节课要重点复习的内容。
👥 所有记录 :每一局一行——学生名字、游戏、故事名、结果、单词数、错误次数、用时、开始时间。
右上角可以按游戏筛选,点“🔄 刷新”获取最新数据。
只有完整玩完 的游戏才会出现在记录里,中途离开的不算。
“错误”怎么算? 毛毛虫里,每次点到不是“下一个”的词算一次错误,系统记下“应该吃的词”和“学生点的词”。同一个词被很多孩子点错,说明这个词的顺序或意思需要再讲解。
最下方的 🗑 清空全部成绩 会删除所有游戏 的全部记录(有确认提示,不能撤销)。比如新学期开始时可以使用。
5. 编辑游戏内容(重点)
所有“没有失败”的游戏(毛毛虫、青蛙、小蜜蜂、泡泡、龙蛋)用同一种编辑方法 。下面以毛毛虫为例,其他游戏的区别见 5.7 。
进入 🐛 毛毛虫 标签页。左边是“故事”列表,右边是当前故事的编辑区。一个故事 = 一只毛毛虫 = 一只蝴蝶 。
5.1 基本步骤
点击左边的故事进行编辑,或点击 “+ 新增” 添加新故事(“⧉ 复制”可以复制当前故事再修改)。
填写:图标(一个表情符号)、标题(英文)、类型、中文提示。
在大文本框里写单词(格式见下)。
(可选)写“干扰词”。
点击下面的 ▶ 试听发音,检查预览表格。
最后点击页面底部的 “💾 保存” 。不点保存,修改不会生效。 保存后,学生下次开始游戏时就会用新内容(已经在玩的学生需要刷新页面)。
5.2 单词的写法
每行一个词,用竖线 | 隔开:
单词 | 中文 | 表情 | 发音
Monday | 星期一
apple | 苹果 | 🍎
read | 读 | 📖 | reed
第 1 项(单词)必填 ,其余可以不写。
第一行 = 起始词 :毛毛虫一开始就带着它,学生从第二个词开始找。
后面的每一行,就是学生必须按顺序 吃掉的词。
每个故事 2~12 个词 。
表情符号会显示在圆球上,让孩子看图认词(Windows:Win + . ,手机输入法里直接选表情)。
5.3 两种类型
类型 适合 例子
词语顺序 有固定顺序的一组词 Monday → Tuesday → Wednesday…;one → two → three…;red → orange → yellow…
句子 把词排成一个正确的句子 I → like → red → apples(“我喜欢红苹果”)
做句子故事时 请把“中文提示”写成整句话的中文意思 (例如“我喜欢红苹果”)。孩子看着这个提示,才知道词应该怎样排列。结束时电脑会把整句话读一遍。
5.4 干扰词(可选)
在“干扰词”框里写几个不属于这个故事 的词(最多 6 个),它们会和正确的词混在一起,让游戏更有挑战性。孩子点到干扰词只会摇头、提示,不会有惩罚。
低龄/零基础:不写干扰词,或只写 1~2 个。
干扰词不能和正确的词相同(相同的会被自动忽略)。
5.5 游戏设置
设置 说明
默认显示中文翻译 默认不勾选 (中文是提示,先隐藏)。勾选后,学生一进来就看到中文;学生也可以自己用 中 按钮开关。
发音速度 0.4(很慢)~ 1.3(较快),默认 0.85。低龄学生建议 0.7~0.8。
自动提示 默认“关” :只有孩子点 💡 才提示。也可以选“错 1~5 次后”自动让正确答案发光。
久不操作提示(秒) 孩子多少秒没有点击,就自动提示。默认 0(关闭) 。
5.6 其他操作
▲ ▼ :调整故事在菜单里的顺序。
“在游戏中显示这个故事” 取消勾选:故事被隐藏但不会删除,以后可以再打开。
🗑 删除这个故事 :永久删除(会确认)。
↩ 恢复默认题目 :丢弃你的所有修改,回到系统自带的 6 个故事。
▶ 试玩 (右上角):在新窗口里打开游戏,马上测试。
⚠️ 注意 修改故事的标题后,学生以前收集的蝴蝶仍然保留;但删除故事 后,相册里对应的蝴蝶不再显示。已经保存的成绩记录不受影响。
5.7 其他游戏的区别
单词的写法完全一样:单词 | 中文 | 表情 | 发音。不同的只是游戏怎样使用这些词:
游戏 怎样使用单词 特别设置 建议
🐸 青蛙过河 每个词出一道题,顺序随机。题目显示表情 (没有表情时显示中文)。错误选项来自同一故事的其他词和“干扰词”。 — 每个词都加表情;至少 3 个词。
🐝 小蜜蜂 每个词出一道听力题,顺序随机。花上写着英文词和中文。 每题几朵花 (3~6,默认 4)可以把读音相近的词放在一起(ship / sheep),练习仔细听。
🫧 泡泡拼单词 每个词拼一次。字母泡泡 = 单词的字母 + 几个多余字母。 多余的字母 (0~4,默认 2;0 最简单)使用 3~8 个字母的短词;没有“干扰词”。
🐉 龙蛋配对 每局从故事里随机选几个词,每个词变成两颗蛋:英文词 + 表情(或中文)。 每局几对 (2~8,默认 6)每个词都必须有表情或中文;没有“干扰词”。小屏幕建议 4~6 对。
🍦 叠冰淇淋 :每局随机说出几种颜色(设置“叠几个球”3~7,“每次几种颜色”2~5)。颜色按英文名自动识别:red, orange, yellow, green, blue, purple, pink, brown, white, black, gray, gold, silver, light blue, dark green,以及口味 chocolate, vanilla, strawberry, mint, lemon, blueberry, cherry, banana, caramel, matcha 等。如果你的词不在里面,在“表情”一项写颜色代码,例如 sky | 天空色 | #8FD3FF。干扰词会作为额外的错误颜色出现(颜色太接近的会自动跳过)。
每个游戏的奖励也不同:毛毛虫 → 蝴蝶,青蛙 → 皇冠,小蜜蜂 → 蜂蜜罐,泡泡 → 珍珠,龙蛋 → 金龙蛋,冰淇淋 → 冰淇淋。
6. 调整发音
游戏使用浏览器/设备自带的英语语音 来读单词,不需要联网下载,但读音会因设备而略有不同。如果某个词读得不对(常见于人名、同形异音词,比如 read 、live ),可以自己“纠正”:
在单词那一行的第 4 项 写出你希望电脑读的样子,用最简单的英文拼写,例如:
Tom | 汤姆 | 👦 | tom、read | 读 | 📖 | reed、lives | 住 | 🏠 | livz
点击预览表格里的 ▶ 试听,不满意就再改,直到满意。
保存。屏幕上显示的仍然是原来的单词,只有读音改变了。
小技巧 可以用 , 让电脑停顿一下,用 - 拆开音节,例如 Wed-nez-day。点击“▶ 读整句”可以听整个故事连起来的效果。
没有声音怎么办? ① 检查设备音量、静音开关和游戏里的 🔊 按钮;② 手机上第一次需要先点一下屏幕才会出声;③ 个别旧设备没有安装英语语音:请在系统设置里添加“英语(美国)”语音,或换用 Chrome / Edge / Safari 浏览器。
7. “鲨鱼”游戏的编辑
先登录老师后台,然后打开鲨鱼游戏,输入任意名字并点击“Save & start”——老师模式会自动打开。
点击右上角 📋 Teacher panel (老师面板),里面有本游戏的详细统计。
点击 🛠 Question builder (题目编辑器):可以新增、修改、删除问题(每题 2~4 个选项,选择正确答案,可以写答题后显示的解释),还可以调整鲨鱼的起始距离(答错几次会被吃掉)。
当你的自定义题目不少于 2 道时,学生玩的就是你的题目;清空后恢复系统自带的鲨鱼问答。
8. 课堂使用建议
课前热身(5 分钟) :投影到大屏幕,请学生轮流上来点“下一个词”,全班一起大声读。
课堂练习 :学生每人一台平板/手机,各自玩一个故事;老师巡视,看哪个孩子卡住。
课后复习 :打开“📊 成绩”,找出最常见的错误词,下节课重点讲。
自己出题 :把本周教材里的词、句子做成一个新故事,学完马上玩。
比赛 :比谁先收集全部蝴蝶(相册里每个故事一只)。
如果孩子的名字有重名,请让他们加上班级或序号(例如 “Lily-3”),这样成绩记录不会混在一起。
9. 常见问题
我改了题目,学生那边没变化?
确认你点了“💾 保存”(修改后页面上会显示“● 有未保存的修改”)。已经打开游戏的学生需要刷新页面 ,或重新选择故事。
不小心删了故事 / 改乱了怎么办?
点击“↩ 恢复默认题目”可以回到系统自带的 6 个故事。建议重要的内容先复制一份保存在自己的文档里。
某个故事没有出现在游戏菜单里?
检查:① 是否勾选了“在游戏中显示这个故事”;② 单词是否至少有 2 个;③ 是否已保存。
学生的成绩没有出现在记录里?
只有完整完成 的游戏才会记录;老师登录后玩的练习局不记录;如果学生的设备当时断网,游戏会提示“离线,成绩未保存”。
蝴蝶相册(皇冠、蜂蜜罐、珍珠、龙蛋)换了手机就没有了?
相册保存在孩子正在使用的那台设备的浏览器里。换设备、清除浏览器数据或使用无痕模式,相册会重新开始。成绩记录(给老师看的)是保存在服务器上的,不受影响。
手机上屏幕太小,圆球太多?
圆球会自动缩小以适应屏幕。建议每个故事不超过 8 个词 + 3 个干扰词;横屏玩更舒服。
直接打开文件夹时没有声音?
离线模式也使用浏览器自带的英语语音。请用 Chrome 或 Edge 打开;第一次需要先点一下屏幕。如果仍然没有声音,请在系统设置里添加“英语(美国)”语音。
网页打不开 / 显示错误?
先刷新页面。如果仍然不行,请联系网站管理员(见下一节)。
10. 给网站管理员的说明
网站由普通静态文件 + 一个 PHP 文件(api.php)组成,数据保存在 data/game.db(SQLite)。主机需要 PHP 7.4+ 并启用 pdo_sqlite;data/ 文件夹必须可写。
上传 public/ 文件夹的全部内容 到网站根目录:index.html、shark/、caterpillar/、frog/、bee/、spell/、dragon/、icecream/、admin/、shared/、teacher-guide.html、local-config.js、api.php、.htaccess、data/。更新时不要覆盖 data/game.db (学生成绩和你编辑的题目都在里面)。
老师密码保存在数据库 data/game.db 里(只保存加密后的形式),在后台“🔑 学生密码 → 修改老师密码”中修改。
所有页面不依赖外部网站(无外部字体、无 CDN),在中国大陆可以正常打开。
11. 不用网站,在电脑上直接运行(本地运行)
没有网站或没有网络时,也可以在教室的电脑上直接运行所有游戏。有两种方法:
方法一:直接打开文件夹(最简单)
把整个游戏文件夹复制到电脑上,例如桌面。
打开里面的 public 文件夹,双击 index.html。推荐用 Chrome 或 Edge 浏览器打开(右键 → 打开方式)。
首页上方会出现黄色提示“离线模式”。所有游戏都能玩、能发音。
⚠️ 离线模式的限制 不保存学生成绩;老师后台不需要登录,“成绩”页是空的;修改题目时“保存”会下载一个文件 local-config.js(见下面)。
方法二:用启动程序(保存成绩,平板也能连进来)
在电脑上安装 Node.js 22.13 或更新的版本 (官网 nodejs.org;国内可以用镜像 npmmirror.com/mirrors/node/)。只需要安装一次。
在游戏文件夹里双击 start-windows.bat(苹果电脑双击 start-mac.command)。
会出现一个黑色窗口,浏览器自动打开游戏首页 http://localhost:3000。
黑色窗口里有一行 network: http://192.168.x.x:3000。同一个 Wi-Fi 下的平板、手机在浏览器里输入这个地址,就能一起玩,成绩都会保存。
上课时不要关闭黑色窗口;下课后关掉它就停止了。成绩和题目保存在文件夹里的 data/game.db。
提示 如果电脑没有安装 Node.js,双击 start-windows.bat 也会自动用方法一(离线模式)打开游戏。第一次运行时 Windows 可能询问是否允许网络访问——请选择“允许”,平板才能连接。
把自己编辑的题目带到离线电脑上
在有网站(或方法二)的老师后台,打开 💻 本地运行 ,点击 “⬇ 下载 local-config.js” 。这个文件包含所有游戏里你修改过的题目。
把下载的 local-config.js 复制到离线电脑的 public 文件夹里,替换 原来的同名文件。
重新打开游戏就会使用你的题目。离线模式下在后台修改题目时,“保存”也会直接下载新的 local-config.js,同样放进 public 文件夹即可。
Offline: open public/index.html (results are not saved). With Node.js 22.13+: double-click start-windows.bat / start-mac.command. Custom rounds offline live in public/local-config.js — download it from Teacher admin → 💻 本地运行.
Shirley's English Games · 老师使用说明