之前用字节中文版Trae开发了一个简单小游戏:Trae开发贪食蛇小游戏
今天作者为了对比2者的代码生成能力,用Cursor也来做一个,对比一下效果
用的是sonnet3.5的模型。
话不多说,直接开搞
根据图片生成一个贪食蛇的小游戏
1.图片文件里面有3个图片,分别是蛇头snake身体body食物monster
2.mp3文件里面有2个音频,吃食物的时候播放eat,游戏结束播放over
3.页面分为左中右3部分布局,左面显示开始按钮,难度选择,分数,得分;中间部分显示游戏界面,右边部分显示排行榜
4.游戏得分根据游戏难度的不同而不同,分为简单,困难,地狱3种级别,对应的是1,2,3分
5.排行榜从缓存获取,每次游戏结束后更新排行榜数据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