第一届Vibe-Coding1大赛银奖获得方法全记录

・经验分享：21:45-22:00

在规则制定阶段，我们决定“制作游戏，由观看者和参赛者每人投票两票”。此时，我判断这将是一场比拼趣味而非技术的比赛。

在一个小时内制作出技术精湛的游戏是不可能的。在Vibe-Coding中，代码大多是陌生的，因此存在因意外错误而浪费时间的风险。

因此，我决定将核心实现部分控制在10分钟内完成，专注于创意和UI，力求通过娱乐用户来赢得比赛。

我的Vibe-Coding方法

我制作临时性作品时，通常会遵循以下三个步骤：

1. 创意构思（约10分钟）

使用的模型：当时我认为o3是最可靠的智囊，于是请它帮忙集思广益。主题是“可在浏览器上游玩，制作时间约一小时，适合比赛的游戏创意”。

在ChatGPT上反复讨论后，我们想出了以下创意：

每一个创意都很有趣，但我最终选择了10秒城市。

原因如下：

1. 无需依赖外部API

2. 使用表情符号使画面更生动

3. 我喜欢模拟城市游戏

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创建代码库和进行部署，展现了令人惊叹的活力，比赛期间也一直通过对话进行指导，活力满满。

我的收获

1. 如果评分逻辑过于依赖直觉，就会产生漏洞百出的游戏。

2. 如果没有足够的活力，就无法进行Vibe-Coding。

3. 如果库的搜索依赖直觉，就会陷入使用过时库导致的错误泥潭。

开发者总结

经过一段时间的Vibe-Coding，我意识到，关键在于识别AI擅长和不擅长的地方。

例如，在这次比赛中：

AI不擅长的事情

1. 修复UI错误

2. 设计有趣的规则

AI擅长的事情

1. 创建原型

2. 修正整体逻辑

只要掌握了这些技巧，就能减少让AI做力所不及的事情而浪费时间的情况。

结语

V-1大奖赛证明了“即使只有1小时，也能制作出有趣的游戏”。

下次我会更有活力，争取获得金奖！

Evame全球开发者社区介绍

本网站是我正在开发的全球开发者社区Evame。

开发者可以发布自己开发的项目和文章，AI会自动将其翻译成多种语言。

还在开发中，有很多bug，欢迎体验！