文章背景
家里有个小侄女上初中,学习英语时经常遇到单词记不住的情况。我决定用一种游戏化的方式帮助她记住单词。
实现工具
最初想用Claude 3.7,但最近DeepSeek v3太出圈了,它新模型的编程能力显著提升,因此决定用它实现并分享整个过程,希望能帮助零基础的小白入门编程。
开发过程
第一步:生成基础游戏
打开 DeepSeek 官网
https://chat.deepseek.com/
输入提示词:
我是一名初中英语老师,生成一个英语单词的组成小游戏,借助 HTML+CSS+JavaScript 进行开发。例如:先给出一个中文词语(如“苹果”),让用户选择组合的英语单词。答对加 10 分,总共 100 题,耗时 5 分钟,5 分钟后游戏结束。
关闭深度思考和联网搜索功能。
DeepSeek生成了一个可直接运行的小游戏。
整体效果非常不错,一次生成的代码即可使用。目前生成的单词是AI工具帮我们生成的,那局限性很大,正常来说我们自已可以添加想要测试的单词,如果单词我们练习通过了,就可以删掉
第二步:增加单词管理功能
补充提示词:
补充需求:增加一个单词管理功能,每次测试从自定义单词中随机抽取,支持删除不需要的单词。
DeepSeek生成了升级版游戏工具,新增了单词管理功能。
此时,游戏支持自定义单词管理,但是游戏不够趣味,就是选择单词对了加分,但是没有视觉效果提现。
第三步:增加视觉效果
补充提示词:
增加需求:答对题目后没有视觉效果,设计一个有创意且有趣的视觉效果。例如:最终画面是什么样的,每答对一题就向最终画面前进一步。
DeepSeek生成了创意视觉效果(绿色小人逐步前进)
效果如下:
至此我们已经做了一个相对完善的英语测试小游戏,前面我们脑子不知道如何把分数和视觉做关联,AI给我们一个绿色小人前进的创意,因为AI给与的创意,我思考能不能加个背景音乐,同时能不能根据分数不一样的,设计不一样的角色形成。
第四步:优化视觉与音效
补充提示词:
增加需求:1.添加合适的背景音乐
2.小人角色根据分数分为几个等级,最低等级是平民,满分为皇帝
最终效果如下:
当你对了20题就会进阶成为一个新的等级,这样子整个游戏就非常的有趣
总结
通过DeepSeek v3模型,我们完成了一个从无到有的英语单词记忆小游戏。从基础功能到视觉效果,再到音效和角色等级设计,整个过程简单高效,适合零基础用户学习和实践。
如果觉得不错,随手点个赞、在看、转发三连吧,如果想第一时间收到推
送,也可以给我个星标⭐~谢谢你看我的文章,我们,下次再见。