今天我们用Trae来做一款贪食蛇的H5小游戏，来体验一下对话能力和代码生成效果，话不多说直接开始。

体验地址： 贪食蛇小游戏

直奔主题，开始对话

我要做一个贪食蛇的小游戏，请在index.html中写出代码，在styles.css中写出样式，在game.js中写js方法，写出代码

我们看到Trae按照要求生成了3个文件，分别是html,css,js3个文件，直接点应用。然后打开index.html，发现点击游戏开始就结束了，有BUG，然后页面样式不好看，让他优化一下样式，我们继续让Trae修改。

优化完成之后直接应用，刷新一下看下效果，样式比之前的好看些，点击开始游戏，游戏可以正常开始和结束。但是有个问题，不能控制，需要加入键盘控制方向。这里感觉Trae有点弱智了。

然后蛇头身体和食物感觉很丑，我找了3个png的图片，让Trae修改一下

我们刷新一下看下看看效果，效果还可以，开始游戏，键盘控制，游戏结束都没有问题

功能完善

现在基本的游戏操作就完成了，但是我想再优化一下

加入游戏音效

加入得分系统

加入分数排行榜

加入难度

应用修改之后，看到页面已经完成修改，分为左中右3部分，加入了难度和分数，排行榜，但是图片好像有点问题，身体和蛇头没有居中，这个问题直接让trae处理过，它又忘记了

最后我让他修改了一下游戏难度得计算分值，不同得难度得分也不一样

优化一版最终的样式

提交到Github

初次提交到GitHub上需要一次性代码验证

点击跳转到github的验证「链接」，输入代码验证成功

设置Github Pages

贪食蛇小游戏

Trae_101">Trae体验

• 上下文效果不理想，好几次我对话里面都说过要保持现有结构不变，可是却又胡乱的修改，导致之前的修改部分被改乱；例如我告诉他要加入音频文件，然后加好了，过了几个对话后，生成的音频内容就没有了，又要重新告诉他；
• 改过的内容过几轮对话后就又被改回去了。好几次修改完善样式，只加了html里面的标签，css样式表里面的样式没加进去。
• 好几次我告诉他不要修改原有代码，在原有代码基础上做修改，可是他却偏偏不听，非要改的乱七八糟；导致花了大量时间来人工调整代码。

总体来说，Trae中文版生成一些简单代码或者应用还凑合使用，要是一些负责的项目建议大家不要使用了，他会把你的项目改得乱七八糟。直接用cursor效果比Trae好很多。