Cursor开发贪食蛇小游戏

之前用字节中文版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