如何使用Cursor 3分钟制作一个贪吃蛇小游戏

9/14/2024, 5:32:06 PM | 热度:409 | 阅读本文需 1 分钟

点赞

Cursor真的太厉害了,完全不懂编程的小白也能制作一个简单的小游戏

官网下载:https://www.cursor.com/

我这里就演示一下怎么制作一个贪吃蛇的小游戏

首先我们下载完要在设置页打开Composer,这样就可以帮我自动化的创建问

image.png

然后我们回到首页,按Ctrl+K,可以启动一个对话框,我们直接在对话框里要求AI做什么就可以,比如让他制作一个网页版贪吃蛇小游戏

image.png

AI会自动写代码并且生成文件,生成后的文件我们需要点击Accept All来创建文件

image.png

不会运行也可以问AI,他会教我们怎么运行

image.png

打开网页后就是这样一个效果

image.png

然后我简单制作 了个网页让它美化一下,我们直接截图复制到聊天框让他按图片修改

image.png

然而并没有和设计图一样的效果,而是下图这个效果,虽然核心功能实现了但是样式太丑

image.png

后面我再次让他根据图片修改代码,结果也是没还原

image.png

最后我选择用语言来描述界面的内容,比如顶部添加一个紫色的标题栏,标题是贪吃蛇,

添加两个按钮,一个开始游戏,一个重新开始

网页的背景图片设计为蓝色

这次修改后就比较解决我设计的图片了

然后游戏的功能也是正常的,总的体验下来还是非常好用的

image.png

一起写代码都是问GPT生成代码然后复制到自己的项目,现在这个直接创建文件真的是太方便了

不过需要注意的是使用这个需要科学上网,不然是用不了AI的

1

继续阅读本文相关话题

本文收录于专题

SD教程

共收录篇

查看本专题

AI教程交流群

扫描二维码加入群聊

与同行学习交流&资源共通