使用ChatGPT3.5和4o编写打飞机游戏，看看两者之间的差距有多少。

一、背景

昨天在B站看到一个视频，展示了Claude 3.5支持在对话中实时生成网页内容，up主使用Claude在线编写了一个打飞机游戏。遂准备再次体验一番Claude，翻出账号登录，卒。

凸(艹皿艹 )半年没登 号没了

第三方平台也收不到账号

行吧，那正好试试国内AI厂商的效果如何，结果生成的代码连跑都跑不起来…

最后想想要不试试老大哥ChatGPT吧，遂有了本文。

二、ChatGPT-4o

进入之后发现账号可以免费试用GPT-4o，于是就先试用一下看看。下方我会放出我的提示词内容和对应的游戏画面截图，在结尾会提供文件访问链接。

（1）基础内容

提示语：使用js+css+html编写一个打飞机游戏。

考虑到之前的体验，这次就把css、html都加上了。第一版生成的游戏内容可以左右移动，然后按↑键触发射击，在触碰绿色方块（敌机）后游戏结束。

这个和Claude生成的有点像

提示语：把子弹改成自动发射。

这里把飞机子弹改为了自动发射。

（2）调整难度及血量

提示语：调整敌人的难度，例如有些敌人需要攻击一次，有些敌人需要攻击多次。

提示语：把敌人的血量也展示出来，在敌人头上展示一行血条。

提示语：敌人的移速太快了，我希望敌人的速度能随机，有快有慢。并不要只走直线，可以左右移动并不断向主角靠近

和Claude生成的更像了

（3）技能系统

提示语：给主角增加2个技能，一是按J键触发保护罩，在主角周身产生蓝色保护罩，免疫敌人碰撞；二是按K键触发散射，主角会有5秒的时间向左前到右前方射出大量子弹。

提示语：技能释放需要得到控制，例如默认按时间恢复，每次击杀敌人可以增加一部分蓄力进度。然后再增加一个得分系统。目前敌人的血量似乎出现了问题，请一并修复下。

当代码行数逐渐增加时，GPT-o也开始犯错了。

按K释放技能

（4）展示得分及技能条

提示语：现在请把得分、技能信息及对应蓄力值（以横向进度条展示）展示在左上角。

左上角增加了信息展示

尝试到这里就提示4o的免费试用到限额了，需要等待4小时之后再尝试。点击链接在线访问GPT-4o制作的游戏。

体验到这挺感慨的，从我开始尝试到大致的游戏框架完善，仅仅花了20分钟。这其实极大的降低了游戏创作的门槛。（当然也有可能打飞机是一项经典的游戏，现有可参考的资料极多造成的）

三、ChatGPT 3.5

体验了GPT-4o，笔者准备再来试试GPT 3.5的效果，没想到这引发了一场灾难…

提示语：使用js+css+html编写一个打飞机游戏。

居然使用DOM结构创建了一个游戏画布，整体操作也很卡。

为了方便截图我用小屏展示了

提示语：dom结构的游戏太卡了，请用canvas绘制

于是GPT使用Cannas进行了绘图，仅此而已。在4o中第一版就添加了子弹设计，而3.5在第二版还没有添加该内容，游戏变成了躲过几个敌人得几分。

碰撞监测也有一丢丢问题

提示语：添加主角自动射击功能，得分规则是主角击败了几个敌人

尝试修正游戏规则，结果发现代码已经完全失控了。非但射击功能没有加上，连碰撞机制都已经失效了。

碰撞监测完全失效了

至此笔者也放弃继续进行GPT3.5的尝试，效果实在太糟糕了。

四、后续

准备这两天蹲个Claude账号看看，TIZI也需要更新一下，访问GPT常出现人机验证，估计IP也被污染了。