第一届Vibe-Coding1大赛银奖获得方法全记录
前言
近日举办的第一届V-1大奖赛(V-1)，非常荣幸地获得了银奖。
主办方是作为AI工程师并参加过都知事选举而备受关注的安野先生。能够在众多高手云集的比赛中获得奖牌，我深感荣幸。
不过这次是试点版，参赛者只有6人，规模很小。所以说获得银奖也没什么了不起的，但毕竟是奖牌，因此我作为Vibe-Coding专家，很想分享我的经验，所以写了这篇文章。
阅读本文后，您将了解两点：
-
第一届V-1大奖赛是什么样的比赛。
-
我在V-1大奖赛中获得银奖的Vibe-Coding方法。
希望本文对您有所帮助，并能给您带来乐趣。
我制作的游戏：10秒城市
第一届V-1大奖赛
第一届V-1大奖赛始于安野先生的以下帖子。
我偶然看到这个帖子，觉得很有趣就参加了，结果发现有两名高手使用了X Real，我确信我的直觉是对的。
时间表
・规则制定：20:00-20:15
・比赛：20:15-21:15（第一次比赛限定1小时）
・评审：21:15-21:45
・经验分享：21:45-22:00
在规则制定阶段，我们决定“制作游戏，由观看者和参赛者每人投票两票”。此时，我判断这将是一场比拼趣味而非技术的比赛。
在一个小时内制作出技术精湛的游戏是不可能的。在Vibe-Coding中，代码大多是陌生的，因此存在因意外错误而浪费时间的风险。
因此，我决定将核心实现部分控制在10分钟内完成，专注于创意和UI，力求通过娱乐用户来赢得比赛。
我的Vibe-Coding方法
我制作临时性作品时，通常会遵循以下三个步骤：
1. 创意构思（约10分钟）
使用的模型：当时我认为o3是最可靠的智囊，于是请它帮忙集思广益。主题是“可在浏览器上游玩，制作时间约一小时，适合比赛的游戏创意”。
在ChatGPT上反复讨论后，我们想出了以下创意：
每一个创意都很有趣，但我最终选择了10秒城市。
原因如下：
-
无需依赖外部API
-
使用表情符号使画面更生动
-
我喜欢模拟城市游戏
2. 实现阶段（约10分钟）
首先创建代码库。我认为手动输入命令和配置环境更快，所以这里采用人工操作。同时，我请求o3生成代码，并将输出粘贴到cursor中。此时，游戏的核心部分已经可以运行了。o3能够一击生成可运行代码的能力真是太厉害了。
试玩几次后，我发现评分标准不明确，游戏结果过于依赖运气，按钮和分数难以辨认，UI也存在问题等等，有很多不足之处。
我将作品部署到Vercel，然后与擅长UI设计的sonnet3.7一起使用cursor进行改进。
3. 润色阶段（剩余40分钟）
在这个阶段，发生了很多意外情况：
-
cursor不断编辑不存在的文件，导致反复出错
-
Vercel构建出错
-
UI一直无法修复
-
开始使用不存在的库中不存在的API
-
cursor的API出现故障
Vibe-Coding的大部分时间都花在了完善已完成的部分上。
小贴士：只使用常用且自己熟悉的库可以减少无限调试的痛苦。
结果公布
-
🥇金奖：青山先生——一款根据关键词显示相关表情符号，并通过快速按键猜关键词的游戏
-
🥈银奖：我——10秒城市
-
🥉铜奖：安野先生——量子俄罗斯方块（下落的方块处于量子叠加态）
https://t.co/qlk7CD2SNP
首先让我吃惊的是，尽管只有1个小时的时间，但每个人的游戏都可以正常游玩。我觉得，如果使用现在的工具环境，组队一天就能制作出足以出售的游戏了。
此外，我个人觉得安野先生的量子俄罗斯方块非常有趣（虽然太难了）。
另外，我想把“最具活力奖”颁给西尾先生。西尾先生从比赛开始就通过对话指示Devin创建代码库和进行部署，展现了令人惊叹的活力，比赛期间也一直通过对话进行指导，活力满满。
我的收获
-
如果评分逻辑过于依赖直觉，就会产生漏洞百出的游戏。
-
如果没有足够的活力，就无法进行Vibe-Coding。
-
如果库的搜索依赖直觉，就会陷入使用过时库导致的错误泥潭。
开发者总结
经过一段时间的Vibe-Coding，我意识到，关键在于识别AI擅长和不擅长的地方。
例如，在这次比赛中：
AI不擅长的事情
-
修复UI错误
-
设计有趣的规则
AI擅长的事情
-
创建原型
-
修正整体逻辑
只要掌握了这些技巧，就能减少让AI做力所不及的事情而浪费时间的情况。
结语
V-1大奖赛证明了“即使只有1小时，也能制作出有趣的游戏”。
下次我会更有活力，争取获得金奖！
Evame全球开发者社区介绍
本网站是我正在开发的全球开发者社区Evame。
开发者可以发布自己开发的项目和文章，AI会自动将其翻译成多种语言。
还在开发中，有很多bug，欢迎体验！