你好吖,我是晓衡。

今天我用 Cursor-CLI 搭配 GPT-5 做了一个流沙版的俄罗斯方块,玩起来效果还不错。

仅仅用了20分钟,我就在网页上把游戏跑起来了。之后,我又花了十几分钟把它移植到了微信小游戏。

当我把第一个版本发到朋友圈时,好友们纷纷点赞想知道其中细节与过程。

01

最早是有位老铁来微信私下问我,他说他用 Box2D 做的同样玩法的游戏,但性能很差,想知道我是怎么实现的。

image.png

其实,我这个流沙俄罗斯整个开发流程都是由 AI 生成的,我自己还没来得看代码。

我把这位朋友的问题发给了GPT5,GPT5飞快给出了详细而又精辟的解释。

image.png

发给朋友看后,他恍然大悟,直喊牛皮!现在,遇到技术难题时,直接向 AI 寻求帮助才是最快捷的方法。

02

另外还有朋友简直不敢相信,用 AI 十几二十分钟就能实现这样一个游戏。问我 Cursor-CLI 是怎么用的?整个开发流程又是怎样的?能做个小游戏版吗?

今天周末,应大家需求说干就干了!

以下我介绍我在 Mac M1 下 Cursor-CLI 的安装过程。要知道,目前 Cursor-CLI 里的 GPT-5 非订阅用户也可以免费用。

首先,安装 Cursor CLI 是非常简单的,在终端命令行中输入下面指令:

curl https://cursor.com/install fsS | bash

它会下载安装脚本,并自动执行。脚本安装完后,需要添加环境变量并刷新配置文件。

echo 'export PATH="HOME/.local/bin:HOME/.local/bin:HOME/.local/bin:PATH"' >> ~/.zshrcsource ~/.zshrc

然后终端输入 cursor-agent,就可以启动 Cursor-CLI 了。

首次会提示需你要登录验证,弹出 Cursor 网站进行账号登录(注意使用安全上网才能成功),验证成功能后就可以使用了。

image.png

可以看到,默认为 GPT-5 模型。

接下来,在终端下你需要切换到一个干净的目录作为 Cursor-CLI 的工作目录。我将上一期公众号中录制的《流沙俄罗斯方块》视频也放到目录下。

并输入以下提示词:

请使用 HTML 制作一个 Sand Blast 一样的游戏。视频参考 xxx.mp4

image.png

其实,我这里是没有明确说明游戏的具体玩法,只告诉 AI 游戏的名字与视频,看看他能做成什么样子。

大概两分钟左右,GPT5说已经将游戏做完了,而且还把我提供的视频也给嵌入页面里。

image.png

使用流利器运行游戏,效果是有了,但它是以一个大方块做为沙子单位。掉落后并没有分解成小沙子,而且是传统俄罗斯方块从上向下掉落进行游戏。

遗憾的是,我没用 git 将版本保存下来,现在已经看不到最早的版本了。我继续向 AI 提问:

1. 沙粒的数量太少了,将棋盘设置100100,最小单位积木块可分解为66的沙粒。

2. 积木默认放在底部槽位,通过拖动放入棋盘,进入棋盘后下落分解成沙粒。

image.png

大概1分钟左右就改好,这次沙子滑落的是效果对了。但消除规则上还有问题,他是按一行填充满后就消除了,而且积木槽只有一个,继续与 AI 对话:

image.png

运行游戏测试,消除规则还是有问题。我截图放到项目目录下,因为 Cursor- CLI 不能在对话框里粘贴图片,确实有些不方便。

继续向 GPT-5说:

消除规则不对。只要有颜色相同的沙子连续填充满了棋盘的左右两边,就应该消除掉。图片中 @消除不正确.jpg 最上层的紫色已经链接成功就应该消除掉。请重新完成游戏的消除功能。

image.png

总共对话不超过10次,而且我也没提供什么设计文档,对话都是从游戏体验上的感官上向 AI 提的:

  1. 消除判定是在积木块变成沙子时,且沙子不再移动;

  2. 连锁消除,当有下层的沙子被消除,上层的沙子会掉下去,这时也要判断是否消除;

  3. 在消除同颜色的沙子时,给一个0.5秒的沙子变成白色的特效。

整个过程20分钟的样子,游戏就基本能玩起来了。

03

我继续向 GPT-5 发出请求,让它帮我把游戏移植成微信小游戏。

请将这个游戏改写为微信小游戏,创建在一个新的目录下   

image.png

大概2分钟时间 GPT-5 把代码写好。

而且我发现 GPT-5 不会给你巴拉巴拉一大堆他的什么思考过程;代码有问题,也不会像一个卑微的仆人给你不停地道歉;也不会为你提出的某个建议,拍你的彩虹屁。

任务完成后,他会输出一个很简洁的总结,并提出一个很有见地的后续建议。

当然,GPT-5 在移植微信小游戏的过程中并非一帆风顺,但不用慌直接把微信开发者工具的报错信息发给他就是。

image.png

之前网页版游戏主区域,棋盘为正方形。移植到微信小游戏后,积木方块就变形了,继续让 GPT-5 修改。

我很懒,直接向 GPT-5 说:微信小游戏是手机屏幕,棋盘就不能为正方形了,请根据常用手机屏幕设计一个合适的棋盘网络尺寸。

image.png

在使用过程中,我还发现了触摸和适配方面的问题,同样也是把这些问题反馈给 AI。整个过程大概只用了三四次对话,就全部解决了。

image.png

以上就是整个制作流沙版俄罗斯的过程,从头到尾我没写一行代码。

你说需求,它把逻辑与细节串起来。途中报错,直接把错误贴给它,它会顺手把上下游逻辑也补齐。

如果你也想做一个“能流、能消、能连锁”的小游戏,就照这个教程走一遍。遇到问题欢迎来留言,祝做得开心,玩得开心。

Logo

火山引擎开发者社区是火山引擎打造的AI技术生态平台,聚焦Agent与大模型开发,提供豆包系列模型(图像/视频/视觉)、智能分析与会话工具,并配套评测集、动手实验室及行业案例库。社区通过技术沙龙、挑战赛等活动促进开发者成长,新用户可领50万Tokens权益,助力构建智能应用。

更多推荐