我为女儿开发了一个游戏网站

大家好,我是星河。

自从协助妻子为女儿开发了算数射击游戏后,星河就一直有个想法:为女儿打造一个专属的学习游戏网站。之前的射击游戏虽然有趣,但缺乏难度分级,无法根据女儿的学习进度灵活调整。而且,仅仅是数学游戏未免有些单调,语文和英语的学习也应该同步进行,寓教于乐才能事半功倍。当然,更重要的是,我希望能挑战一下自己,看看在完全没有网站开发经验的情况下,能否借助Cursor,仅凭自然语言,完成一个定制化网站的开发。这不仅是为女儿打造学习工具,也是一次探索AI辅助编程边界的尝试。

经过三天假期的奋战,这个网站总算搭建并部署完成了,网址是:http://47.122.68.201:3000/ 。欢迎大家体验。

网站的源码星河也已经上传到GitHub,感兴趣的朋友可以在文末获取。

网站主要分为数学、英语、语文三个学习模块,每个模块都根据女儿的学习特点进行了定制设计。

  • 数学模块:

    沿用了之前算数射击游戏的思路,通过解答数学题目来发射子弹,击退小怪兽的进攻。这次我增加了关卡设置,随着关卡推进,题目难度会逐渐提升,循序渐进地锻炼女儿的数学能力。为了增加趣味性,我还特别设计了一个BOSS关卡,让学习过程充满挑战和惊喜。

  • 英语学习模块:

    旨在帮助女儿记忆英文字母,并认识一些简单的单词。我把它设计成了一个小浣熊和僵尸先生的赛跑游戏。屏幕上方会显示一个单词和对应的图片,女儿需要在下方众多字母中找出正确的字母并拼写出单词。每拼对一个单词,小浣熊就会向前跑一段距离。僵尸先生则会匀速前进,我们需要让小浣熊比僵尸先生更快到达终点,赢得比赛。同样,我也设置了多个关卡,僵尸先生会越跑越快,而小浣熊每次前进的距离会越来越短,增加了游戏的紧张感和挑战性。

  • 语文学习模块:

    侧重于帮助女儿学习生字,并了解一些简单的儿歌和古诗。它分为学习和游戏两个部分。在学习部分,会展示一个生字,并配以一首相关的儿歌或古诗,方便朗诵学习,加深记忆。游戏部分则以认字为主,女儿需要从飘起的气球中找到正确的生字并点击,获得分数。随着关卡推进,气球飘起的速度会越来越快,气球的数量也会越来越多,考验女儿的反应速度和识字能力。

为了能够根据女儿的学习进度灵活调整游戏难度,星河还专门开发了后台管理页面,可以配置数学题目的难度、英语单词的范围、生字的范围等等。这样既能保证女儿在学习过程中感受到挑战和进步,又不会因为题目太难而打击她的积极性,真正做到寓教于乐。

整个开发过程其实没什么特别之处,依然是遵循软件开发的通用流程:先明确需求,设计原型,然后根据原型进行功能开发。在完成初版开发之后,进行调试测试,持续的将发现的问题、错误连同日志反馈给Cursor,让它一步一步的进行功能完善。最终根据Cursor指导,将网站上线。

最后星河想分享一下最近使用Cursor开发一系列软件的感受。星河利用Cursor,通过纯自然语言的方式,已经成功开发了一个浏览器插件、一个桌面小游戏、一个媒体轮播软件Demo,以及这个简单的学习网站。目前来看:Cursor在大块逻辑编码上表现已经很好,但对于上下文以及前后事件的有机联系上还有待提高,这一块需要我们通过高质量的需求描述以及更全面的信息来补全。这儿星河举两个这次开发中遇到的问题作为例子:

  1. 开始在英语游戏和语文游戏里都碰到了音频无法播放的问题,但是英语游戏的问题Cursor很快就解决了,但是语文游戏的问题经过了好几轮对话都没有解决。这个时候星河提醒它,刚才在英语游戏中有相似的问题且它已经成功解决,可以参考相关代码。于是Cursor阅读了英语游戏的相关代码,很快就解决了语文游戏中音频无法播放的问题。Cursor在处理相似问题时,可能需要人为引导才能更好地复用已有的解决方案,这或许是未来AI编程工具需要改进的方向。

  2. 游戏图像涉及大小、位置、颜色等方面的调整,Cursor总是无法很好的帮我们修改。星河反思了一下,其实这儿是描述需求的问题。因为对这种问题,我们通常都会进行"更大一些""更高一些,贴近屏幕上方","颜色更亮一些"这些模糊的描述,AI是很难直观的理解我们的意思的,于是只能一次一次尝试。其实更好的描述是"图像A按180*180像素的尺寸进行显示","将图像B放置距离屏幕顶端300像素的地方","将图像C的亮度调整至85"等,但这显然需要一定的设计和专业知识。这提醒我们,在使用AI编程工具时,需要尽可能地提供精确、量化的需求描述,才能提高AI的理解能力和工作效率。同时,也说明了设计师和专业知识在AI辅助编程中仍然具有重要价值。

目前来看,Cursor可以极大的扩展程序员的边界,让大家都能"全栈",同时能极大的提高开发效率。对于完全不懂编程的人,通过Cursor来做一个小的软件应该也不算太难。但是想要开发一个产品级的软件,还是有一定的距离。一个产品可不光是简单的实现功能这么简单,UI界面、交互流程、产品性能、安全性等等问题,都是需要认真的打磨的。AI可以帮助我们快速实现功能,但产品的用户体验和商业价值仍然需要我们的思考和创造。

总的来说,Cursor等AI编程工具确实正在重塑软件开发流程,但它更适合快速原型开发、学习辅助和效率提升,而不适合完全替代人工编程。在一段时间内,AI与人类程序员的协作模式("人机混合体")会成为主流,也就是说星河暂时还不用担心被AI完全替代而丢了工作。

星河将最近利用AI开发的软件都提交了Github,包括这个儿童学习网站,需要源码的同学可自取:

https://github.com/lc-hanxi/AI-Program

相关推荐
恋猫de小郭5 小时前
对于普通程序员来说 AI 是什么?AI 究竟用的是什么?
前端·flutter·ai编程
SixHateSeven7 小时前
探索提示词工程:一个导演的自我修养
aigc·ai编程
库森学长8 小时前
一文带你 "看见" MCP 的过程,彻底理解 MCP 的概念
llm·ai编程·mcp
用户4099322502129 小时前
FastAPI秒杀库存总变负数?Redis分布式锁能帮你守住底线吗
后端·ai编程·trae
MrSYJ9 小时前
Chat Memory你知道怎么用吗
llm·openai·ai编程
飞哥数智坊21 小时前
多次尝试用 CodeBuddy 做小程序,最终我放弃了
人工智能·ai编程
量子位1 天前
马斯克周末血裁xAI 500人
人工智能·ai编程
算家计算1 天前
OpenAI最强编程模型GPT-5-Codex发布!可独立编程7小时,编程效率提升10倍
人工智能·ai编程·资讯
飞哥数智坊1 天前
AI 编程一年多,我终于明白:比技巧更重要的,是熟练度
人工智能·ai编程
摸鱼的春哥1 天前
10年3次大失败,他从“罪人”输成了中年人的“白月光”
游戏