加载中...

不会写代码,也能用AI做小游戏吗?

  • 2024-12-27
  • 游戏开发
  • unity教程 游戏开发
  • --

引言

经常有朋友问我:“不会写代码,可以做游戏吗?”,我对于这个问题的态度是:可以不会,但至少要具备编程思维和AI使用能力。

为什么这么说呢,因为借助AI的强大能力,完全不亲自写代码,仅通过提问和引导,其实是可以做出小游戏的。

带着这个念头,我们尝试使用最简单的开发环境(为了模拟新手小白,所以我尽量使用简单的工具和尽量少的依赖),做一款经典的、喜闻乐见的小游戏——贪吃蛇

一 准备工作

首先需要准备两个工具:

1. 写代码的工具 :我使用微软的“VS Code”编辑器,当然你使用记事本也不是不行。

2. AI工具 :我使用OpenAI的ChatGPT,当然你也可以选择其他AI。

好了这就是我们要用到的全部工具了,是不是很简单,花不了你几分钟,基本上都是“开箱即用”。

我的思路是:站在新手小白的角度来看问题,我不会编程,所以整个过程我不会写一句代码,也不会手动修改代码,我只给AI提问和反馈问题,然后复制粘贴。

这就是我的全部工作了,剩下的事情交给AI自行判断和解决。看看最终我们能做出什么样的游戏吧!

二 开始对话

首先我先告诉AI我要干什么,目的和要求是什么。

问:帮我写一个html5的贪吃蛇小游戏,代码尽量简单,并保证游戏可以正确运

注:这里我不放完整代码,主要用于演示整个对话过程,在文章最后,我会放上最终可运行的完整代码。

然后,我们把代码复制到VS Code中,保存为一个HTML文件,命名为snake.html。我们再使用浏览器打开这个文件,就能运行游戏了。

额,果然出问题了。一开始就提示游戏结束,而且也不能操作。我们把问题反馈给AI,让他来解决这个问题。

问:页面打开后直接弹出游戏结束的提示,无法正常运行。

很好,AI发现了问题,他立刻重新写了一版代码给我,并且详细的向我讲解了这些修复内容。

因为我现在是“新手小白”,所以“我看不懂他在说什么”,没关系,直接复制代码到我们的snake.html文件中保存,再用浏览器打开运行看看。

好激动,我们似乎成功了,“小蛇”跑起来了,并且可以吃到“苹果”。我们的游戏也有了雏形,恭喜你,做出这个游戏的最小可运行(MVP)版本了。

下面我们接着优化我们的小游戏,作为一个游戏,要有玩法提示,要有游戏目标,还要有重玩机制。我们先让AI实现这些功能。

问:很好,接下来完善游戏功能。1、在页面添加玩法提示;2、在页面显示得分,并且设置一个游戏胜利的目标,当得分达到目标是,游戏胜利。 3、在游戏失败时,提供重玩按钮。

AI按我们的要求增加了功能,老规矩,我们把代码复制粘贴到文件中,使用浏览器运行查看效果。

非常好,是我们想要的效果。但是我现在看着红红绿绿的方块实在太难看了,我们的游戏需要一条卡通形象的蛇,我们问问AI能不能搞。

问:我现在想使用图片素材替换掉蛇头、蛇身、蛇尾和食物的色块,请修改代码,并告诉我需要什么样的图片,我来帮你准备。

这时候需要准备4张图片素材,分别是食物、蛇头、蛇身和蛇尾,你可以去网上搜索素材,当然也可以自己画,是时候展示我精湛的画功了!

按照AI的要求,把这4张图片放到html文件所在的目录下面,确保图片名称也没问题,我们再次运行看看。

有内味儿了是不是?一个可爱的卡通小蛇蛄蛹起来了。但是这个蛇头有点奇怪啊,不会随着方向变化,继续让AI解决,顺便解决一些其他bug。

问:很好,但是还有问题:1、蛇头不会随着方向变化而转动。 2、最后一个食物还没有被吃掉,游戏就胜利了。 3、游戏开始前,看不到蛇和食物。

看看效果如何,AI已经把我们提到的bug全都解决了。

功能有了,下面我想美化一下游戏界面。一次性提了这么多要求,不知道AI能不能搞定。

问:帮我美化一下游戏界面,要求具有现代游戏的界面风格;背景是七彩渐变的颜色;游戏场地变成白色;提示说明放在底部,不要显得太突兀;得分放在游戏场地里面,要颜色和造型要美观精致;当蛇吃到食物时,要有特效提示;游戏胜利或者失败时,不要用原生alert,而是在场景内画一个更友好温和的提示框。

很聪明,AI理解了我们所有的要求,我们直接看效果。

现在界面看起来好多了,各种交互和效果也有了,看起来更像一个完整的游戏。到这里,贪吃蛇的基本功能和界面就做的差不多了,不过看起来还有点简陋,可以问问AI该如何继续优化游戏。

问:现在我们的游戏还有哪些可以优化的地方?还有哪些可以增加的功能?

ChatGPT给我们的建议:

当前的贪吃蛇游戏功能已比较完善,但仍有一些可以优化的地方和可增加的功能来提升用户体验和游戏可玩性:优化建议1. 游戏画面优化:蛇移动的平滑性、特效的细腻度、自定义场景、音乐和音效。2. 代码结构优化:模块化代码、图片加载管理。功能扩展建议1. 难度选择2. 障碍物3. 多样化的食物4. 排行榜5. 存档功能6. 多人模式7. 关卡系统8. 成就系统9. 自定义皮肤10. AI 蛇11. 实时提示最终效果展望
通过上述优化和扩展,可以将贪吃蛇从简单的经典玩法提升为现代化、多样化的游戏,为用户提供更加沉浸的体验和更高的重玩价值。可以根据目标用户群体优先选择部分功能进行开发。

ChatGPT给的建议实在太好了,如果全部实现,那这款小游戏基本上可以达到上线的水平了,随便拿到小游戏平台发一发,说不定还能够盈利呢。嘿嘿

由于篇幅有限,以上功能我就不全做了,只是让ChatGPT做了一些简单优化,来看看最终效果吧。

三 总结:有惊喜 也有问题

至此,我们使用AI做出了一款简单的贪吃蛇小游戏,麻雀虽小,五脏俱全。我们实现了蛇头旋转、逐帧插值移动、障碍物生成、动态难度选择、实时得分显示和吃到食物特效。我们还美化了游戏界面,增加了柔和的渐变背景和动画效果,现在这款小游戏在无论在玩法还是视觉上都达到可玩程度了。

实现这一切我没有写一句代码,只靠“问”与“引导”AI一步步完成了我的需求。

总体上来说,这个游戏的完成度超出了我的预期,AI不仅能够实现了游戏的功能,而且还理解了我对页面美化的要求,这让我非常满意,毕竟我是一个没有太多审美细胞的人。所以如果AI能帮我解决一部分令人头秃的审美问题,那我的头发是不是就有救了。

整个过程中,其实没那么顺利,也出了一些bug,大部分情况在我详细描述了问题后就能够得到解决。但还有有一些棘手的问题,不得不让我祭出程序员的找bug能力,帮助AI一起解决。

四 最后:学会驾驭AI

最后我想说的是,AI很强大,能够帮助新手小白完成大部分工作,但是这是有一个前提的,就是你要会问问题。

只有通过尽量准确、合理的问题和引导,才能让AI发挥最大的能力去帮你完成工作。

所以真正掌握如何跟AI沟通在未来将成为一项新的重要技能,这才是小白变大佬的关键所在。

好了,今天就聊到这里吧。我已经把最终的代码和素材打包上传了,有兴趣的朋友可以关注然后私信我,发送关键词【贪吃蛇小游戏】就能领取了。

END

Maple
Maple
© 2025 by Maplezz 本文基于 CC BY-NC-SA 4.0 许可 CC 协议 必须注明创作者 仅允许将作品用于非商业用途 改编作品必须遵循相同条款进行共享 最后更新:2025/8/20