欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 房产 > 建筑 > Cursor开发贪食蛇小游戏

Cursor开发贪食蛇小游戏

2025/4/5 22:04:07 来源:https://blog.csdn.net/u013254183/article/details/146904625  浏览:    关键词:Cursor开发贪食蛇小游戏

之前用字节中文版Trae开发了一个简单小游戏:Trae开发贪食蛇小游戏

今天作者为了对比2者的代码生成能力,用Cursor也来做一个,对比一下效果

用的是sonnet3.5的模型。

在这里插入图片描述

话不多说,直接开搞

根据图片生成一个贪食蛇的小游戏
1.图片文件里面有3个图片,分别是蛇头snake身体body食物monster
2.mp3文件里面有2个音频,吃食物的时候播放eat,游戏结束播放over
3.页面分为左中右3部分布局,左面显示开始按钮,难度选择,分数,得分;中间部分显示游戏界面,右边部分显示排行榜
4.游戏得分根据游戏难度的不同而不同,分为简单,困难,地狱3种级别,对应的是1,2,35.排行榜从缓存获取,每次游戏结束后更新排行榜数据TOP10
6.蛇碰到身体,墙壁游戏结束,食物随机生成,不能与蛇和身体重合
7.界面样式美观,炫酷,好看,加一些特效

看下效果

页面还蛮好看,符合预期,游戏可以正常开始,结束,图片,音频都正常,一次性成功,对比Trae确实要强一些。自动生成了3个文件,html css JavaScript 分开的。

对比Trae,我这里并没有提到键盘控制方向,Cursor把键盘控制逻辑都加进去了,而Trae第一次生成的时候却遗漏了这部分,这个要给Cursor点赞。
在这里插入图片描述

在这里插入图片描述

继续优化

有几个问题需要继续优化一下,游戏界面改成白色背景,不要网格线;游戏难度下拉框的文字由于是白色所以未选择状态下看不到文字,文字颜色改一下;图片稍微改大一点,改成30*30
在这里插入图片描述
在这里插入图片描述

可以看到Cursor的上下文理解能力还是比较强的,没有影响到之前的代码,也没有乱瞎改,这点比Trae要好很多

在这里插入图片描述

上传github

在这里插入图片描述

设置pages

在这里插入图片描述

访问地址:
https://iamoldwang.github.io/snake-cursor/

github地址:
https://github.com/Iamoldwang/snake-cursor.git

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词