AI生成消消乐小程序

最近我用DeepSeek写了一个“消消乐”小程序。用于课堂上学习和巩固第四单元新授词汇。 第一步：发送指令。图1️⃣。 第二步：等待代码的生成。 第三步：先运行HTML，预览一下，看有没有bug。图2️⃣。 第四步：如果预览发现有问题就给deepseek发布对话调试。比如，上图是第一次生成的效果，图3️⃣，发现标题错误，游戏下方显示了单词及中文意思，我想把这个部分隐藏掉。于是，我又发布了一条指令：请修改标题为U4词汇消消乐，并且词汇列表不要显示出来。然后等待修改后的代码重新生成，运行HTML，预览一下。 第五步：第二次生成的效果如图4️⃣，预览的时候还可以试玩一下，发现没有问题。如果预览效果，无需要修改的地方，就复制生成的代码，见图5️⃣ 第六步：在任意的文件夹或者桌面新建一个文本文件，打开并将代码粘贴并保存。图6️⃣ 第七步：修改文件名后缀，将txt改为html，图7️⃣。 不用管，点击确认，就会得到一个网页游戏，图8️⃣。 第八步：双击打开上图的网页图标就可以随时随地玩啦！图9️⃣。 附加完整版指令：请帮我设计一个离线使用的生词中英文配对消消乐游戏网页，具体要求如下： 1. 网页背景：奶白色。 2. 顶部标题：显示“U4词汇消消乐”作为大标题，字体醒目。 3. 泡泡设计：- 泡泡使用3D立体效果，颜色随机生成。- 每个泡泡上写有中文生词或英文翻译，字体颜色为白色，字体加大加粗。- 每个中文或英文单词只出现一次。- 泡泡之间保持一定距离，每行显示八个泡泡。4. 游戏机制：- 点击两个泡泡，如果它们的中文和英文匹配，则泡泡消失；否则，泡泡恢复原状。- 点击一个泡泡时，它会高亮显示，并播放“泡泡音.mp3”音效。5. 游戏结束：- 所有泡泡都匹配并消失后，显示“恭喜你挑战成功！”并显示完成游戏所用的时间。 6.单词输入表单，把数据存储在localStorage里面，可以只储存5条数据，超过5条数据隐藏输入框表单，再加一个编辑数据的按钮。 7.以下是词汇列表，并且不要显示出来：