
deepseekV3-0324(以下简称deepseekV3)发布了之后,很多人都发文章吹捧deepseekV3的推理编码能力,那么deepseekV3更新版本之后的能力到底怎么样呢?今天试试用简单的贪吃蛇游戏,看看deepseekV3到底能实现成什么样的效果。
本次文章项目开源地址:gitee.com/moxunjinmu/...
贪吃蛇:简单提示词版本
deepseekV3
简单的提示词:帮我开发一个贪吃蛇小游戏网页,可以调整速度


Claude3.5
简单的提示词:帮我开发一个贪吃蛇小游戏网页,可以调整速度

可以看到两个模型都实现了贪吃蛇的基本功能,即
- 使用Canvas绘制游戏画面,包括蛇和食物
- 通过方向键控制蛇的移动方向
- 可以通过滑块调整游戏速度
- 实时显示游戏分数
- 碰撞检测和游戏结束判定
页面美观度:3.5稍胜一筹。主要体现在蛇体的颜色,不过区别也不大
功能完善度:经过体验,3.5的贪吃蛇游戏可以使用空格键暂停游戏,deepseekv3不行
Claude3.7
那么3.7的效果如何?让我们来试试
结果上来就给了一个下马威

那能怎么办?等呗,
几分钟后,trae终于帮我们实现了贪吃蛇小游戏。
毫无疑问,3.7的界面最美观,功能最完善,不仅实现了基础功能,额外增加了 暂停和重新开始按钮,并且贴心的给了游戏说明!

那么本文就这么简单的结束了吗?当然不是,尽管推理模型的能力各有差别,但是提示词也很重要,接下来让我们优化提示词
贪吃蛇:详细需求提示词版本
尝试用提示词优化贪吃蛇界面
这里我直接使用Claude3.7的总结,当作提示词,让我们看看结果如何
根据以下提示词帮我开发一个贪吃蛇小游戏:
Markdown
创建的文件放在v2:
1. index.html - 游戏的主页面,包含游戏画布、分数显示、速度控制滑块和游戏说明。
1. style.css - 为游戏提供美观的样式,包括游戏容器、按钮和控制元素的样式。
1. script.js - 实现游戏的核心逻辑,包括:
- 蛇的移动和控制
- 食物生成
- 碰撞检测
- 分数计算
- 速度调整功能
游戏特点:
- 使用HTML5 Canvas绘制游戏画面
- 通过键盘方向键控制蛇的移动
- 可以通过滑块调整蛇的移动速度(1-10级)
- 美观的用户界面,包括蛇头眼睛和食物高光效果
- 游戏状态控制(开始、暂停、重新开始)
- 网格背景增强视觉效果
- 分数显示和游戏说明
deepseekv3
可以看到deepseekv3也完成了功能实现,但是在功能实现过程中,出现了很多问题,经过几轮对话,才能完成界面的开发

Claude3.5
Claude3.5也根据我们输入的较为详细的提示词,实现了功能开发,并且一次性也完成了所有功能,不过它把开始游戏和暂停游戏合并到一个按钮了

贪吃蛇:需求讨论提示词版本
这次我们先列出详细的css需求和功能点要求
我想开发一个炫酷科技风的贪吃蛇......
然后把需求文件喂给trae
deepseekv3
deepseekv3好像并没有总结文件内容开发贪吃蛇小游戏,界面如下

让我们给deepseekv3一点帮助,使用deepseekr1 总结了文件内容,让它实现贪吃蛇小游戏

结果,deepseekv3确实按照步骤进行开发,但是出现了一个严重的问题,那就是,它在第一步完成基本的html结构和css样式搭建的时候,后续开发步骤并不会修改第一步完成的结构和样式,这就导致即使js功能完善了,结构和样式并没有完善。 换了一种提示词方式,简化步骤,不让trae分阶段实现,deepseekv3成功完成了基本功能的开发,尽管没有实现全部功能好歹是跑起来了,界面也有了一点优化,但是不多。

Claude3.5
当把文件喂给Claude3.5后,整体界面样式按照科技炫酷风格修改了,但是功能并没有增加,说明它并没有理解到文件需求实现功能的完善开发。

Claude3.7
当我把文件传给Claude3.7之后,果然,相对于3.5和deepseekv3版本,Claude3.7能够更完善的理解提供的文件开发需求,不仅把样式修改,增加了吃掉食物的特效,还增加了两种新的玩法:障碍模式和AI对战模式。经过游戏体验,有点小问题,主要是AI蛇的路径规划算法有问题。

让我们跟AI拉扯,让它修复这个问题。
Trae + Claude3.7开发的贪吃蛇在线地址:www.32kw.com/view/b623ed...
Cursor+Claude3.7
接下来我们来测试Cursor和Claude3.7,这两个组合能给我们什么样的结果。
cursor会把步骤拆解,接着,它会根据拆解的步骤逐步完成项目开发
我将根据提供的文件内容,帮助您逐步开发贪吃蛇游戏。我们将按照以下步骤进行:
- 创建基础项目结构
- 实现基础游戏框架
- 添加核心游戏逻辑
- 实现视觉增强效果
- 添加进阶功能
- 实现AI对战模式
让我们开始第一步:创建基础项目结构。
当完成基础游戏内容开发的时候,界面如下:

基础功能已经很好的实现了,并且界面也是科技炫酷风格的样式,接下来cursor让我选择继续开发的部分
markdown
接下来,我们可以添加以下进阶功能:
1. 视觉增强(渐变效果、粒子特效)
1. 特殊食物系统
1. AI对战模式
您想先测试当前版本,还是继续添加进阶功能?
在cursor实现的过程中,我发现,它不仅会实现我们给出的需求,还会主动测试问题,发现问题之后会顺带解决。对于完整信息的感知能力也更强。

一番拉扯,Cursor终于实现了障碍生成,这点不如trae的一次生成。

然后我提出了新的需求,AI对战模式,刚开始并没有成功生成AI蛇,我让cursor修复问题。又是一番拉扯,大概三次,cursor完成了贪吃蛇的AI对战模式,我发现刚开始我还打不过AI蛇,离谱。后续可以调整难度模式。
调试过程中免费账号额度没了,emmm尴尬。
当前完成的版本在线预览地址:www.32kw.com/view/3ced09...
贪吃蛇:deepseek官网版本
我想到deepseek官网可以直接使用V3版本,只需要关闭深度思考和联网功能,模型就会自动切换到V3版本,让我们试试官网给出的结果。
amazing啊!令我没想到的是,官网给出的结果更像是一个游戏的设计,它给出了游戏的初始画面,选择菜单后再进入游戏画面。

但是此时还有bug,点击普通模式和AI对战没法进入游戏界面,我发送了修复bug的提示词,经典的服务器繁忙,😂。不过这次给出的代码以及可以进入游戏界面

不过这次给出的代码以及可以进入游戏界面

游戏界面总体比较简单,这个界面比较之前的来说以及是两个层次了。此时功能还有所欠缺,主要是界面里的右侧适配手机的方向组件不生效,左侧的暂停没有生效,我试了一下AI对战,好像没有成功创建AI蛇。
在线预览地址(手机端有bug):www.32kw.com/view/bec648...
总结
项目全部代码地址:gitee.com/moxunjinmu/...
以下观点仅代表这次开发贪吃蛇的过程的个人观点总结,并不代表大模型实际能力。
- deepseekv3 有一定的编码能力,但是对于复杂逻辑和很长的详细需求文档能力有点捉襟见肘
- 普通需求实现,deepseekv3和Claude3.5的能力差不多
- Claude3.7还是目前最强的代码开发推理模型
- Cursor相对于trae是有一定优势,主要优势在于需求拆分能力和coding纠错能力。不过最近好像降智了,不知道掘友有没有这样的感觉
- 提示词需要写好,简略的提示词给到AI和带有逻辑的详细需求给到AI是完全不一样的结果。
对于个人而言,AI工具是一方面,怎么发挥AI的能力是另一方面,不能直接把想要啥丢给AI就完事了。之前看到一个搞笑的要求,有人直接给deepseek发了一句话:给我开发一个淘宝,不知道是不是在演戏。
总之,想要利用好AI开发程序,首先需要明确自己的开发需求,其次可以拆解大的功能点为多个抽离的逻辑,可以避免上下文被截断。
希望trae迭代的越来越好,毕竟trae是免费的。不过我倒是希望能出个付费版本,3.7用起来实在不得劲。