我花了数周时间研究 “氛围感编程（vibe coders）”，收集了使用 Cursor 开发人工智能游戏的所有注意事项。
以下是我总结出的 30 个最佳技巧：
- 从 “氛围感项目管理” 入手
在使用 Claude 进行编码之前，先使用 Grok 3 或 ChatGPT o1-pro 来制定计划。
这可能包括产品需求文档（PRD）、技术栈规格说明、前后端代码指南等等：
我为 Cursor 发明了一种新技术。
通过使用这项技术，我将人工智能产生的幻觉和假设减少了 85%。
我将其称为 “知识库” 技术。
以下是它的工作原理：（推文链接：https://twitter.com/PrajwalTomar_/status/1740390670921914678） （配图推文链接：https://twitter.com/PrajwalTomar_/status/1740390670921914678）
- 在 Cursor 中设置项目规则
这些自定义指令可以指导人工智能在整个代码库中的行为，例如，告诉它遵循特定的命名约定或避免修改特定文件。
以下是一个很棒的设置指南：
如何正确设置 Cursor
Cursor 规则已经过时了。现在正确的方式是设置项目规则。以下是为什么它很重要以及如何正确设置：（推文链接：https://twitter.com/PrajwalTomar_/status/1728836630007335208） （配图推文链接：https://twitter.com/PrajwalTomar_/status/1728836630007335208）
- 生成多个游戏的初始版本，然后保留最佳版本
良好的开端至关重要。
下面的视频使用一个名为 Rosebud AI 的平台展示了这一点，但要在 Cursor 中做到这一点，可以多次对相同的初始提示词运行 Claude，并将每个响应放入其各自的版本文件夹中。 - 游戏创意一（共四个）：模仿借鉴
制作一个已经很受欢迎的游戏的新版本。
这将使你跳过验证过程，同时也增加了你的游戏被原创者提及的几率。
以下是一些热门人工智能游戏的相关推文：
《太空球（Space Balls）》，花了两天时间制作，设计方面进行了深入研究，使用 Cursor 和 Sonnet 3.7 完成了开发。非常棒的小游戏体验。（链接：https://t.co/AIrBQRyy2P） （推文链接：https://twitter.com/cocolitron/status/1728810379300337870）
- 对于 3D 游戏，使用 ThreeJS
Three.js 是一个 JavaScript 库，它简化了在浏览器中创建和显示 3D 图形的过程。
它让你可以通过直观的 API、大量的示例生态系统以及对光照、物理和模型加载等方面的支持，快速将你富有创意的 3D 想法变为现实：
我用人工智能生成的角色，花了 8 小时（注：实际是 8 天）进行 “氛围感编程” 开发了这款 ThreeJS 游戏。（注：* 手动重写了由人工智能生成的代码。**8 天时间）（链接：https://t.co/fYOscpVdtX） （推文链接：https://twitter.com/lukevanin/status/1736271761620000909） （配图推文链接：https://twitter.com/lukevanin/status/1736271761620000909）
- 要创建 3D 角色，使用 Trellis 和 Mixamo
Trellis 是一款工具，它能让你轻松生成风格化的 3D 角色，你可以为你的游戏或体验对其进行自定义。
而 Mixamo 可以让你立即为这些角色设置骨骼并进行动画制作，无需手动进行动画制作就能赋予它们逼真的动作。
以下是一个指南：
我花了几个小时使用人工智能制作了一个 “游戏”。
- 使用 Grok 生成一张狗的 2D 图像。
- 使用 TRELLIS 将模型转换为 3D。
- 使用 Mixamo 为角色设置骨骼并进行动画制作。
- 使用 Suno 生成音轨。
- 使用带有 Claude（Sonnet 思维模式）的 Cursor 编写代码。
逐步说明在……（推文链接：https://twitter.com/lukevanin/status/1728901926000326754） （配图推文链接：https://twitter.com/lukevanin/status/1728901926000326754）
- 对于逼真的 3D 环境，使用 Sketchfab 上的模型
Sketchfab 是一个用于发现、查看和下载 3D 模型的在线平台。
许多艺术家和开发者都使用它来为游戏、虚拟现实和其他 3D 项目获取资源：
最新消息！！！
✅ 城市景观！！！—— 起飞后向西
✅ 添加了开始屏幕，并添加注释说明游戏将下载模型文件，所以需要使用无线网络
✅ 在 credits 中添加了模型创作者的署名
已知问题
✅ 新加坡航空的移动效果不太好 —— 仍然……（推文链接：https://twitter.com/donvito/status/1728822430676398232） （配图推文链接：https://twitter.com/donvito/status/1728822430676398232）
- 要改善游戏中单个物体的物理效果，使用 AmmoJS
AmmoJS 是一个物理引擎，它可以模拟刚体动力学、软体物理（如布料、果冻）、碰撞检测、车辆物理以及约束（如铰链、弹簧）。
CannonJS 是一个较旧但非常受欢迎的替代方案：
CannonJS 非常轻量级，并且可以像这样与 ThreeJS 配合使用：
在 ThreeJS 中创建一个 3D 对象后，将其添加到 CannonJS 的世界中，从那时起，物体就可以从它上面反弹等等！（推文链接：https://twitter.com/levelsio/status/1736175534777098400）
- 对于 2D 游戏，无需使用 ThreeJS
相反，可以尝试使用 VueJS，或者完全不使用引擎：
我看到每个人都在为 2025 年 “氛围感编程游戏创作大赛（@levelsio 2025 Vibe Coding Game Jam）” 选择 @threejs，但我认为 Unity 也是一个非常适合 “氛围感编程” 的引擎！
3D 游戏：使用 Unity
2D 游戏：使用 Vue.js
这两个都是使用 GitHub Copilot 制作的
目前正在写一篇文章，展示提示词和遇到的障碍。#vibejam #IndieGameDev（推文链接：https://twitter.com/LobozGameDev/status/1739079700008114484） （配图推文链接：https://twitter.com/LobozGameDev/status/1739079700008114484）
- 对水等元素尝试使用 “程序生成” 技术
程序生成是一种技术，其中像纹理、地形或水这样的内容是通过算法生成的，而不是手动创建的，这允许以最少的资产创建实现动态的、通常是无限的变化。
这可以减少你的游戏在网络浏览器上的下载大小，同时使你的景观看起来更自然：
使用 @Grok 进行 “氛围感编程” 开发了体积化的沃罗诺伊（Volumetric Voronoi）ShaderToy。程序生成的纹理可以是减少基于网络的游戏下载大小的好方法。（链接：https://t.co/saqUjuCuHV）（链接：https://t.co/ErFefdS7zY） （推文链接：https://twitter.com/lukevanin/status/1740503734000914711） （配图推文链接：https://twitter.com/lukevanin/status/1740503734000914711）
- 在 Cursor 的一些提示词中使用图片
有时仅使用基于文本的提示词很难描述游戏机制。
在你的提示词中附上图片以涵盖所有方面：
我收到了数百条关于我如何设置提示词的私信。甚至有几个人愿意出钱购买这些提示词。
所以这里有一个例子，我想在移动设备上把两根摇杆变成一根。我在 glside 上进行了操作，然后让 Claude 来实现。他做到了，一次成功。（链接：https://t.co/NnCclAklv7） （推文链接：https://twitter.com/NicolasZu/status/1736157973139005675） （配图推文链接：https://twitter.com/NicolasZu/status/1736157973139005675）
- 经常提交代码，以便可以回滚更改
“氛围感调试” 可能会很痛苦，因为当前的模型在采取错误方法时不知道如何停止深入错误方向。
通过创建一个长长的提交记录轨迹来节省时间，当情况变得糟糕时，你可以回滚到之前的状态：
有时，与其花两个小时调试并浪费代币，不如回到一个能正常运行的主版本，清除所有更改并重写你的提示词。（推文链接：https://twitter.com/FMiskawi/status/1736158313610006602）
- 游戏创意二：教育类
制作一款教育类游戏。
制作一款比其他游戏更有趣的游戏很难。但制作一款比一般教育材料更有趣的游戏却很容易：
你们可以随意讨厌 “氛围感编程”，但我因为制作了一款数学视频游戏，在我的孩子们眼中简直就是个英雄。（推文链接：https://twitter.com/wesbos/status/1739330003081306217） （配图推文链接：https://twitter.com/wesbos/status/1739330003081306217）
- 对于背景音乐，使用 Suno
Suno 是一个由人工智能驱动的音乐生成器，它可以让你根据文本提示词创建自定义歌曲或背景音乐。
它让你无需作曲家就能轻松为你的游戏添加原创音频：
第 7 步：生成一个音轨。我使用 @suno 创建了一个氛围音轨。对于我这个非音乐发烧友的耳朵来说，它听起来相当不错。（推文链接：https://twitter.com/lukevanin/status/1728901926000326754） （配图推文链接：https://twitter.com/lukevanin/status/1728901926000326754）
- 对于游戏内的音效，使用 ToneJS
Tone.js 是一个用于在浏览器中创建交互式和动态音效的 JavaScript 库。
它可以让你精细控制游戏的音频合成、时间安排和音效：
给 “氛围感编程” JavaScript 游戏的人的提示
让人工智能使用https://t.co/muKRMo8tPn来处理音乐和音效，你会得到更好的结果👌（推文链接：https://twitter.com/mrdoob/status/1728837703900016710）
- 赋予你的角色逼真的声音
尝试从 ElevenLabs 上的海量语音库中获取声音。
或者与众多 Grok 语音模式中的一个角色进行对话并录制：
对于一些声音，我与 Grok 语音模式中的 “时代（Era）” 进行了对话，并表示我想要为我的 3D 太空游戏获取声音。我通过电脑麦克风录制了 Grok 应用程序中的声音，这让声音带有一种很酷的电台效果。（推文链接：https://twitter.com/Daniel_Farinax/status/1728669381921003847） （配图推文链接：https://twitter.com/Daniel_Farinax/status/1728669381921003847）
- 让 Cursor 在完成每个任务后播放声音通知
这将使你在设置提示词的间隙更有效率。
下面这位 “氛围感编程者” 解释了如何使用自定义的 MCP 服务器为 Cursor 设置通知：
我刚刚为 Cursor 构建了自定义的 MCP 服务器。
并在本地启动了它。
这个 MCP 让 Cursor 在完成每个任务后播放声音通知。
现在你可以在等待的时候浏览 X 平台，并且永远不会错过任务完成的时间。
太棒了👇（推文链接：https://twitter.com/EricListin/status/1735567190000441470） （配图推文链接：https://twitter.com/EricListin/status/1735567190000441470）
- 与非 Cursor 的聊天机器人同时处理多项任务
在你等待 Cursor 生成代码的空闲时间里，使用一个单独的聊天机器人来帮助你构思下一个提示词：
在使用 Cursor 工作时，在浏览器中打开一个常规的 Claude 聊天窗口。
当 Cursor 在处理任务时，将你接下来想做的事情、功能、漏洞等信息都输入到 Claude 聊天窗口中。
让它持续更新接下来的 10 个提示词列表。
这样更容易保持工作的连贯性。（推文链接：https://twitter.com/maxthilen/status/1736158137618516030）
- 进行小范围的局部更改
随着你的代码库不断增长，开始让 Cursor 进行小范围的局部更改。此外，告诉它为不同的功能使用单独的文件：
提示：进行小的更改。详细描述更改内容。当一个文件开始承担多种功能时，告诉 Claude 将相关内容移动到单独的文件中。让文件变得太大很快就会导致代码变得杂乱无章。（推文链接：https://twitter.com/lukevanin/status/1728901926000326754）
- 为你的游戏添加多人游戏选项
让 Cursor 使用 Python WebSockets 或 WebRTC 来实现这一点：
成功了！！！！
一个完整的多人游戏，使用 Python WebSockets 服务器，每 100 毫秒（每秒 10 次）接收并广播所有玩家的位置。
几乎 100% 的代码都是由人工智能使用 Cursor 编写的，Grok 3 编写了服务器代码。
现在你可以和其他人一起在游戏中飞行啦 😀 它会……（链接：https://t.co/2f741DDDML） （推文链接：https://twitter.com/levelsio/status/1723691431193192727） （配图推文链接：https://twitter.com/levelsio/status/1723691431193192727）
- 为你的多人游戏添加实时聊天功能
这样，用户就可以相互交流了：
💬 现在通过 WebSockets 添加了实时聊天功能。
按下 T 键，你就可以和服务器上的其他玩家聊天了。
希望这不会受到跨站脚本攻击（XSS）（是的，这次我添加了防护措施！）
下一步：语音聊天（链接：https://t.co/DRUGZfhtyF） （推文链接：https://twitter.com/levelsio/status/1728822619773622433） （配图推文链接：https://twitter.com/levelsio/status/1728822619773622433）
- 游戏创意三：争议话题类
制作一款基于有争议新闻话题（例如政治）的游戏，以便快速获得关注。
当然，这不会适合所有人，但真正喜欢这类游戏的人会非常喜欢，并且他们中的许多人会想和朋友分享：
《狗狗幸存者（DOGE SURVIVOR）》：一名政府雇员必须尽可能长时间地躲避政府效率部门的裁员，保住自己的职位。
我通过设置提示词，然后进行了 5 分钟的编辑和资产上传就制作出了这款游戏。现在人工智能能做到的事情太不可思议了……（推文链接：https://twitter.com/BoredElonMusk/status/1723817744136673587） （配图推文链接：https://twitter.com/BoredElonMusk/status/1723817744136673587）
- 为你的游戏添加移动设备支持
默认情况下，Claude 会为网络端构建你的游戏，但很多用户会希望在移动设备上玩。
大多数现代浏览器都有开发者工具，允许你在移动设备上测试你的应用程序：
刚刚为我的应用程序添加了移动设备支持，这里给进行 “氛围感编程” 的朋友们一些提示：（推文链接：https://twitter.com/ZahrDaniel/status/1740502679960707246） （配图推文链接：https://twitter.com/ZahrDaniel/status/1740502679960707246）
- 要添加虚拟操纵杆，使用 nippleJS
使用像 nippleJS 这样的库为移动设备添加虚拟操纵杆。
这对于 3D 游戏尤其有用，因为在这类游戏中，角色或车辆在射击时需要能够四处移动：
好吧，我在回复中找不到是谁建议使用 nippleJS 来制作移动设备虚拟操纵杆的了，所以我让 Cursor 添加了这个功能。
- 要添加虚拟操纵杆，使用 nippleJS
使用像 nippleJS 这样的库为移动设备添加虚拟操纵杆。
这对于 3D 游戏尤其有用，因为在这类游戏中，角色或车辆在射击时需要能够四处移动：
好吧，我在回复中找不到是谁建议使用 nippleJS 来制作移动设备虚拟操纵杆的了，所以我让 Cursor 添加了这个功能，现在它在移动设备上能用啦：D
我想在屏幕中心按下就能射击。（链接：https://t.co/6TyHKaj8lb ）（链接：https://t.co/sxNJLhKWeh ）（配图推文链接：https://twitter.com/levelsio/status/1723266361891332447）
- 持续严格测试
让 Cursor 编写单元测试和集成测试。
拥有热门 YouTube 频道的独立开发者马修・伯曼（Matthew Berman）在他的游戏中使用的测试工作流程如下： - 不要仅用 AI 构建游戏
还要想办法将 AI 融入为游戏内的一项功能：
现在你可以使用 AI 与游戏中的任何非玩家角色（NPC）聊天啦✨
每个 NPC 都有自己的个性和记忆，能记住你和他们的每一次聊天。
这些聊天记录随后会发送到 OpenAI，用于生成他们的下一个回复。
如果你惹恼了他们，他们会记住并威胁你……（链接：https://t.co/6BylUXbmKf ）（配图推文链接：https://twitter.com/dannypostmaa/status/1739739347786991827）
- 添加一个可链接到其他 “氛围感编程” 游戏的传送门功能
这样你可以和其他独立开发者合作，互相推广彼此的游戏，从而获得更多关注。
我超爱这个功能！！在游戏里添加了一个🌀传送门，能通往…… 其他 “氛围感编程” 游戏！感谢 @levelsio 提供的传送门机制。能从一个游戏跳到另一个游戏，太棒啦！
还有，有点不可思议的是：
✅ 用 Claude Sonnet 3.7 只用了 5 分钟，没有写一行代码就完成了传送门和链接的制作
✅ 很不错……（链接：https://t.co/iQHT9qrEHX ）（配图推文链接：https://twitter.com/NicolasZu/status/1740393397903296943）
- 在 X 平台上与用户互动，确定后续功能
大多数情况下，你只需回复评论并在 X 平台上发布投票就能做到这一点。
但如果你有较大的用户群体，可以考虑使用 Featurebase 这样的应用程序，让用户对你的产品路线图进行投票并提交漏洞报告：
#4 最受期待的功能（推文链接：https://twitter.com/levelsio/status/1728822560437092623）
- 在 HuggingFace 上免费部署你的游戏
Hugging Face 是一个以托管和分享 AI 模型而闻名的平台，但它也支持使用 Spaces 等工具部署交互式网络应用程序，包括游戏。
在那里免费部署你的游戏，你会得到一个公开的网址、方便的版本控制，并且能让技术爱好者社区自动看到你的游戏：
如何完全在 Hugging Face 上进行 “氛围感编程” 游戏开发并免费部署
几分钟就能上手，无需登录、注册或订阅
部署在 Hugging Face 的 Spaces 上，任何人都能免费玩
这个游戏是在 anychat 中通过几个提示词制作出来的，最开始的提示词是 “制作一个……”（配图推文链接：https://twitter.com/_akhaliq/status/1739334379699904779）
- 游戏创意四：改编桌游
制作一款基于热门桌游的游戏。
Leave a Reply